This page short URL: q9x

After tagging your content so that common social networks can understand them well when it is shared, you need to actually share it!

One of the way to do that is by displaying social sharing buttons on all or some of you pages. sh404SEF provides with a very complete set of tools to do so, most of them operating automatically.

Global configuration

All settings related to social buttons are located in a Joomla! plugin called sh404SEFcore - Social buttons plugin. To setup and configure your buttons, head over to Joomla! plugin manager, locate this plugin and open it up.

Social sharing buttons plugin configuration

  • Analytics tracking: enable sh404SEF social events (clicks, like,etc) tracking through Google Analytics stats - deprecated - will be removed in a future version
  • Google social tracking: enable Google Analytics own social events tracking
  • Only on canonical pages: should be normally set to Yes: when automatically inserting buttons in content, insert them only on the main page for a given content. For instance, buttons will be displayed on an article page, but not when the introtext is shown on a blog view of articles.
  • Buttons locations: by default, buttons are only inserted by replacing specific tags that you place in your content (see below: Insert button tags). However, you can also instruct sh404SEF to automatically insert buttons at the top or at the bottom of Joomla! content. Joomla! content is defined as "created by any extension that output some content using the Joomla! events API"
  • Categories: When sh404SEF is set to automatically insert buttons into content (see setting just above), you can restric it to do so only on a list of content categories. This will apply only to Joomla! regular content, created with com_content.

Insert button tags

If you want to display buttons anywhere on your page, you can do that by inserting some simple text either in your articles, products descriptions, any modules or even inside your template. sh404SEF will replace them by the appropriate buttons when the page is displayed.

The basic tag is: {sh404sef_social_buttons}

As such, this tag will be replaced by a set of buttons as per the settings choosen for each type of social network in the next paragraphs. However, you can also add more instructions and be very specific about what you want to display:

  • You can specify a custom URL like so:

    • {sh404sef_social_buttons url=index.php?option=com_content&id=12&Itemid=34&view=article}

      (will be turned to SEF url automatically)

    • {sh404sef_social_buttons url=/my-url.html}

    • {sh404sef_social_buttons url=http://mysite.com/my-url.html}

    • {sh404sef_social_buttons url=my-url.html}

      (will be turned to an absolute url automatically)

    If no url is set, the current page url will be used instead.

  • You can select which button to display, by using a type tag, like so:

    {sh404sef_social_buttons type=facebooklike type=twitter}

    You can use combinations of any of the following types:

    facebooklike, facebooksend, facebookshare, twitter, pinterestpinit,linkedin

    (and still combine with a url)

  • When displaying a Pin It button:

    if you don't setup a tag, the first image in the document will be the one shared. if using a tag, you can use the img attribute to specify which image will be shared, and a desc attribute to describe it, like so:

    {sh404sef_social_buttons type=pinterestpinit img=images/stories/some-image.jpg desc="This is an image worth sharing ;)"}

Facebook

These settings will let you decide to display combinations of Share, Like or Recommend buttons. You'll be able to customize the visual aspect of the buttons, using pretty much all options Facebook provides for that.

Facebook sharing buttons configuration

Twitter

Twitter sharing buttons configuration

Pinterest

Pinterest sharing buttons configuration

LinkedIn

LinkedIn sharing buttons configuration