AEM Core Social Component

[gazzalm54335496]

Hi,

We are extending the AEM Social Sharing core component to implement Linkedin and Twitter links also.

AEM Core component uses for OG Tags (og:title, og:url, og:description, og:image) for facebook implementation. We have different parameters appended to URL for each social site. 

In og:url we are putting the URL along with the parameter to be shared on facebook. But linkedin is also picking up the same url. We need different URL for linkedin.

What can be the done to share different URLs on facebook and linkedin for same page.

[Suraj_Kamdi]

@gazzalm54335496 

In that case, you need to override functionality AEM core sharing component

/apps/core/wcm/components/sharing/v1/sharing

Create new social share component by providing property called sling:resourceSuperType="core/wcm/components/sharing/v1/sharing"

after that create a new file named sharing.html and update your code according to requirement.

Also, one more thing you need to extend the functionality of SocialMediaHelper sling model.

[gazzalm54335496]

We are overriding the class and sharing.html. But issue was with og:url tag. Both linkedin and facebook use this tag and share the URL hich is given in og:url property. What we did now we removed og:url tag from page metadata and now we can share URLs with different parameters on facebook and linkedin

[rsl_lucky]

Hi Suraj_Kamdi , gazzalm54335496,

Can you share across the steps and the component package as we do have same implementation on our site to extend other social media links i.e.. LinkedIn and twitter on top of existing Facebook, Pinterest media buttons.

[gazzalm54335496 · Accepted solution]

Hi @rsl_lucky 

You can override page dialog and sharing.html file and you can call your own java class for your changes.