[gelöst] Node Share Buttons mit eigenem Icon-Font
Eingetragen von wrestler (216)am 24.03.2014 - 23:01 Uhr in
Hallo zusammen
Ich möchte Share Buttons für Nodes, sodass mit einem Klick auf den Butten die spezifische Node und nicht nur die Webseite geteilt wird.
Als Grafik möchte ich meine eigenen Icons (via Icon-Font) einbauen (also nicht jene von den diversen Skript-Anbietern).
Wie oder mit welchem Skript kann ich das am besten lösen?
Ich brauche Share-Buttons für folgende Plattformen:
– Google+
– Twitter
– Facebook
– Pinterest
Für das Sharing der Webseite habe ich es soweit hingekriegt. Beispiel Facebook:
Danke im Voraus!
- Anmelden oder Registrieren um Kommentare zu schreiben
Schau dir hierfür vorher aber
am 25.03.2014 - 08:21 Uhr
Schau dir hierfür vorher aber noch mal die Geschäftsbedingungen der einzelnen Plattformen an. Bei Facebook ist es nicht erlaubt das Aussehen der Share/ Like Buttons zu verändern. Dies wird bei den anderen Plattformen ebenso der Fall sein.
Für alles Weitere findest du genügend Infos in der Dokumentation der einzelnen Widgets:
Facebook: https://developers.facebook.com/docs/plugins/share-button/
Twitter: https://about.twitter.com/resources/buttons#tweet
Google+: https://developers.google.com/+/web/share/?hl=de
Pinterest: http://business.pinterest.com/widget-builder/#do_pin_it_button
SteffenR
Vielen Dank! Danke auch für
am 02.04.2014 - 16:32 Uhr
Vielen Dank! Danke auch für den rechtlichen Hinweis.
Mit Twitter und Pinterest habe ich es nun hingekriegt. Mit Google+ und Facebook klappts noch nicht.
Twitter:
<a href="https://twitter.com/share" target="_blank"><i class="fa fa-twitter"></i></a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
Pintererst:
<a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());"><i class="fa fa-pinterest-square"></i></a>Google+ und Facebook habe ich
am 11.04.2014 - 09:28 Uhr
Google+ und Facebook habe ich mit Javascript gelöst.