Home » Real World Share Code

Real World Share Code

Straight from www.toyota.com/tundraendeavour, Here is some share code. Why did I ‘share’ this with you? Look at the first link – the one for facebook. That will show you how to not only share, but prescribe the link image and the copy rather than having Facebook randomly select incomplete copy or text. Especially important if your page is all video or hidden elements.

<div class="share-buttons">
  <ul>
    <li><a target="_blank" href="http://www.facebook.com/sharer.php?s=100&amp;p[title]=The%20Tundra%20Endeavour&amp;p[summary]=The%20story%20of%20a%20half-ton%20truck's%20mission%20to%20tow%20Space%20Shuttle%20Endeavour.&amp;p[url]=http%3A%2F%2Ftoyota.com%2Ftundraendeavour&amp;p[images][0]=http%3A%2F%2Fwww.toyota.com%2Ftundraendeavour%2Fimg%2Fshare.png" onclick="ToyotaTundra.Analytics.dispatch('topsocial_facebook')" class="facebook">Share on Facebook</a></li>
    <li><a target="_blank" href="https://twitter.com/share?url=http%3A%2F%2Ftoyota.com%2Ftundraendeavour%2F&amp;text=Check%20out%20the%20%23TundraEndeavour%2C%20the%20story%20of%20a%20half-ton%20truck's%20mission%20to%20tow%20Space%20Shuttle%20Endeavour." onclick="ToyotaTundra.Analytics.dispatch('topsocial_twitter')" class="twitter">Share on Twitter</a></li>
    <li><a target="_blank" href="https://plus.google.com/share?url=http%3A%2F%2Ftoyota.com%2Ftundraendeavour%2F" onclick="ToyotaTundra.Analytics.dispatch('topsocial_google')" class="googleplus">Share on Google+</a></li>
    <li><a target="_blank" href="mailto:?subject=The%20Tundra%20Endeavour&amp;body=I%20thought%20you%20might%20want%20to%20know%20about%20the%20Tundra%20Endeavour.%20It's%20a%20documentary%20series%20that%20follows%20the%20story%20of%20a%20half-ton%20truck's%20mission%20to%20tow%20Space%20Shuttle%20Endeavour.%0A%0ACheck%20it%20out%20at%20toyota.com%2FTundraEndeavour" onclick="ToyotaTundra.Analytics.dispatch('topsocial_email')" class="email">Share via Email</a></li>
  </ul>
</div>

This code is then the following: