Page 1 of 1

Social media knoppen lean & mean

Posted: Sun Oct 29, 2017 7:23 am
by Gregor
In een ander topic ging het over het gebruik van social media buttons en dat hier zoveel Javascript veelal omheen hangt en daarmee de laadtijd van de pagina's wordt verhoogd. Bij toeval kwam ik deze oplossing tegen. De code staat op jsfiddle. https://jsfiddle.net/kprusy95/

Re: Social media knoppen lean & mean

Posted: Sun Oct 29, 2017 8:57 am
by Rolf
Bedankt voor het delen, Gregor.

Gebaseerd op de logica van https://www.cmscanbesimple.org/blog/bas ... d-metatags maak ik het altijd zo:

Code: Select all

<a href="https://www.facebook.com/share.php?u={$canonical_url}?t={$page_title|replace:' ':'%20'}" rel="nofollow" title="Facebook" target="_blank">
  <span class="btn btn_facebook"><span class="fa fa-facebook fa-fw"></span></span>
</a>
<a href="https://plus.google.com/share?url={$canonical_url}" rel="nofollow" title="Google+" target="_blank">
  <span class="btn btn_googleplus"><span class="fa fa-google-plus fa-fw"></span></span>
</a>
<a href="https://www.linkedin.com/shareArticle?mini=true&url={$canonical_url}&title={$page_title|replace:' ':'%20'}" rel="nofollow" title="LinkedIn" target="_blank">
  <span class="btn btn_linkedin"><span class="fa fa-linkedin fa-fw"></span></span> 
</a>
<a href="https://twitter.com/home?status={$page_title|replace:' ':'%20'}:+{$canonical_url}" rel="nofollow" title="Twitter" target="_blank">
  <span class="btn btn_twitter"><span class="fa fa-twitter fa-fw"></span></span>
</a>
Ik wil er altijd nog eens een blogje over maken... zal ik binnenkort toch eens doen :)