Configure AEM Social Media sharing core component | Community
Skip to main content
rsl_lucky
rsl_lucky
Level 4
September 24, 2021

Configure AEM Social Media sharing core component

  • September 24, 2021
  • 1 reply
  • 5214 views

Hi All,

 

Try using Social Media sharing core component available in AEM 6.5 version. While configure, details of ID attribute field is being asked. Unable to understand how to start and configure it so we can use on our site. Observed few articles where component dialog fields were different but here in this have only ID attribute while configuring dialog of component.

Any step by step process how to proceed would be really helpful.

 

Thanks

R.S.L

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

Vijayalakshmi_S
Vijayalakshmi_S
Level 10
September 24, 2021

Hi @rsl_lucky,

ID field in the Social Media Sharing core component is for providing unique identifier to the HTML and Data layer. 

If it is left blank, it will be autogenerated. If we are authoring, we should make sure it is unique. 

 

In order to enable the Social Media Sharing on the page, 

  • Author the Social Media Sharing core component on the desired page. 
  • Head to Page properties of the page (as in step #1) -> Social Media Tab -> Enable Facebook and Pinterest -> Save and Close
  • Head to the page, you would notice Facebook and Pinterest Share icons (After Step #2) in the place where you have authored the social media sharing component.  
  • Behind the scene : 
    • After enabling per step #2, view the desired page in "View as Published" -> View Source of the page -> You will notice meta tags - og:url (for facebook) and og:image (for Pinterest)
  • Note :  

Screenshots for reference: (from local AEM 6.5.0, haven't used Facebook App Id. But could see both Sharing Icons navigate to respective domain, didn't login/proceed further to test completely though)

 

 

    rsl_lucky
    rsl_luckyAuthor
    Level 4
    September 27, 2021

    Hi Vijayalakshmi_S,

     

    Tried above steps on our site page but couldn't see icons visible on page. Tried same on we-retail page again but with that also same issue, icons are not visible.

    After authoring proxy component created of social sharing core component on page, Enabled properties on Social Media Tab of the page & 'View as published'. can see Metadata properties of og:url, og:image & og:title etc but not the icons.

     

    Did anything is missing here or anything else needs to be done for it.

     

      Vijayalakshmi_S
      Vijayalakshmi_S
      Level 10
      September 27, 2021

      Hi @rsl_lucky,

      We shouldn't use the core components directly. Instead create as project specific proxy components for any core components for that matter. Related docs for reference : https://experienceleague.adobe.com/docs/experience-manager-core-components/using/get-started/using.html?lang=en#create-proxy-components

       

      Now for icons not displaying, can you inspect  the page in the place where you have authored(in "view as published") and check if the component markup for sharing is evident in "Elements" section of Developers console. 

       

      I am using AEM 6.5.0 and core components version : 2.12.0

       

       

        Terms & ConditionsAccessibility statement

        Loading footer...