2012-06-11 10 views
15

Vorrei sapere se esiste un metodo per creare pulsanti "condividere" per Facebook, Twitter e Google +1 utilizzando solo HTML, senza alcuna Javascript dovendo essere inserito nel codice in qualsiasi punto.Facebook, Twitter, e Google +1 pulsanti utilizzando solo HTML (No Javascript)

Ad esempio, è possibile utilizzare i metodi descritti di seguito per creare questi pulsanti in modo dinamico; però tutti finiscono per caricare Javascript in modo dinamico e creare il proprio codice dietro le quinte:

risposta

24

I seguenti link registreranno le piace questo caso, Tweet e + 1s:

Questi collegamenti funzioneranno per 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> 
+0

Ha l'URL di Facebook prendere più params? O è solo "u"? – henrywright

+0

@henrywright Sembra che Facebook preferisca una sintassi diversa; l'URL nella sequenza di risposte funziona, ma qui sono disponibili ulteriori informazioni su come eseguire questa operazione utilizzando la finestra di dialogo Condividi: https://developers.facebook.com/docs/sharing/reference/share-dialog#redirect Informazioni sulle opzioni per l'URL legacy , guarda questo post: http://ar.zu.my/how-to-really-customize-the-deprecated-facebook-sharer-dot-php/ –

+0

Grazie per il seguito. Daremo un'occhiata al link ... – henrywright

6

Google Plus non funziona nell'esempio di cui sopra.

Ho usato questo per Google Plus.

<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> 

Fonti:

2

Questo è un articolo molto utile che fornisce la risposta che state cercando senza utilizzare alcun PHP - http://www.hanselman.com/blog/AddSocialSharingLinksToYourBlogWithoutWidgetJavaScript.aspx

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>