Twitter Share Button einbinden

aus der Kategorie "Social Media"
Schwierigkeitsgrad: Anfänger

  • Gehe auf die Seite von Twitter: https://about.twitter.com/de/resources/buttons und wähle den Button “link teilen” aus.
  • Bei den Button Optionen kannst du die voreingestellten Optionen so lassen, ausser du möchtest eine andere URL teilen, als die URL, auf die der Tweet Button eingebaut sein soll.
  • Bei Vorschau und Code auf der rechten Seite findest du in dem kleinen Codefenster den HTML-Code, den du per Copy & Paste auf deine eigene Seite kopieren kannst. Lasse dich hier nicht täuschen, das Feld ist recht klein, aber da steht jede Menge Code drin.
<a href="https://twitter.com/share" class="twitter-share-button">Tweet</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>
  • Nun kannst du den Twitter Button auf deiner Seite einbinden.

Möchtest du den Twitter-Button nur auf einer (Unter)Seite anbringen, dann musst du diese eine Seite in deinem Menü auswählen, den Editor in den Quellcode Modus stellen und den generierten Twitter Code an die stelle packen, an der dein Twitter-Button angezeigt werden soll.

Einfacher ist es, wenn du den Button in eine der rechten Boxen kopierst, hier musst du keinerlei Dinge umschalten / beachten, oder aber du kopierst den Twitter-Button bei Design in den Designeinstellungen in das Feld “Text über dem Design” / “Text unter dem Design”.

Abspeichern, fertig und schon kann deine Seite per Twitter geteilt werden.


Zurück zur Übersicht