it-swarm.com.de

Facebook, Twitter und Google + 1-Schaltflächen, nur HTML verwenden (kein Javascript)

Ich würde gerne wissen, ob es eine Methode gibt, um "Share" -Buttons für Facebook, Twitter und Google +1 nur mit HTML zu erstellen, ohne dass an irgendeiner Stelle Javascript in den Code eingefügt werden muss.

Sie können beispielsweise die unten beschriebenen Methoden verwenden, um diese Schaltflächen dynamisch zu erstellen. Allerdings laden sie alle Javascript dynamisch und erstellen ihren eigenen Code hinter den Kulissen:

15
Andrew Odri

Über die folgenden Links werden die entsprechenden Likes, Tweets und +1 registriert:

Diese Links funktionieren für Wordpress:

Facebook

<a href="http://www.facebook.com/sharer.php?u=<?php if(is_home()){echo home_url();}else{the_permalink();} ?>" target="_blank" title="Share this page on Facebook">Like</a>

Twitter

<a href="http://Twitter.com/share?url=<?php if(is_home()){echo home_url();}else{the_permalink();} ?>&text=<?php the_title(); ?>" target="_blank" title="Tweet this page on Twitter">Tweet</a>

Google +1

<a href="https://plusone.google.com/_/+1/confirm?hl=en&url=<?php if(is_home()){echo home_url();}else{the_permalink();} ?>" target="_blank" title="Plus one this page on Google">+1</a>
24
Andrew Odri

google Plus funktioniert im obigen Beispiel nicht.

Ich habe dies für Google Plus verwendet.

<div id="custom-google-button">
  <a href="https://plus.google.com/share?&hl=en&url=YOUR_URL_to_share" target="_blank">google+</a>
</div>

In Wordpress:

<a href="https://plus.google.com/share?hl=en&url=<?php if(is_home()){echo home_url();}else{the_permalink();} ?>" target="_blank" title="Plus one this page on Google">google+</a>

Linkedin:

<div id="custom-linkedin-button">
  <a href="http://www.linkedin.com/shareArticle?mini=true&url=YOUR_URL_to_share" target="_blank">Linkedin</a>
</div>

In Wordpress:

<a href="http://www.linkedin.com/shareArticle?mini=true&url=<?php if(is_home()){echo home_url();}else{the_permalink();} ?>" target="_blank">Linkedin</a> 

Quellen:

6
sunnyuff

Dies ist ein ziemlich nützlicher Artikel, der die gesuchte Antwort ohne Verwendung von PHP - http://www.hanselman.com/blog/AddSocialSharingLinksToYourBlogWithoutWidgetJavaScript.aspx liefert.

Twitter

<a href="https://Twitter.com/intent/tweet?url=YOURURLHERE&text=YOURPOSTTITLEHERE&via=YOURTWITTERNAMEHERE">Twitter</a>

FACEBOOK

<a href="https://facebook.com/sharer.php?u=YOURURLHERE">Facebook</a>

GOOGLE +

<a href="https://plus.google.com/share?url=YOURURLHERE">Google+</a>
2
Deano