Plugins auf der eigenen Website - Teil 2: Twitter
4900 - real-napster - 21.04.2013 10:01 Uhr - Version: 4 - - verlinken als BB-Code
Es gibt bei Twitter verschiedenen Möglichkeiten Twitter auf die eigene Site zu bringen. Entweder man fügt nur die "Folgen"-Button ein oder über ein Widget den Tweetverlauf. Je nach Platz im gewünschten Bereich, sollte jeder selbst entscheiden, was er gerne einbinden würde. Ich zeige euch beide Wege!
Weg 1: Twitter Widget einbinden (Tweetverlauf)
Wir besuchen, als eingeloggter User, die Website https://twitter.com/settings/widgets und landen so direkt in den Twitter Einstellungen im Menüpunkt "Widgets". Ein Klick auf "Neu erstellen" reicht aus, um ein neues Widget zu erstellen.
Jetzt können wir unser zukünftiges Widget konfigurieren. Als eingeloggter User findet man unter "Nutzername" schon seinen Nutzernamen eingetragen. Hier verwenden wir den Account von Twitter. Höhe wird in Pixel angegeben, "Thema" bestimmt die Farbe, wobei hier nur Hell und Dunkel zur Auswahl steht. Die Linkfarbe können wir auch bestimmen oder wir überlassen das Twitter und klicken die Checkbox "Twitter für mich nicht anpassen" an. Dann übernimmt Twitter die Settings aus euren Einstellungen für den Twitter Account!
Nach dem Klick auf den blauen Button haben wir ein Widget erstellt und bekommen direkt den entsprechenden HTML Code den wir einbinden können. Das war's!
Weg 2: Twitter Buttons einbinden
Wir besuchen die Website https://twitter.com/about/resources/buttons wo wir uns zwischen 4 Varianten entscheiden können!
→ Einen Link der auf unserer Seite ist zu twittern
→ Eine "Folgen"-Button den Besucher klicken können und uns damit "followen"
→ Hashtag-Button mit dem wir einen Tweet mit einem Hashtag schreiben können
und den Erwähnungsbutton mit dem wir einen Twitter Nutzer direkt ansprechen!
Wir entscheiden uns für den Folgen Button! Auch hier bietet Twitter uns Möglichkeiten zur Modifizierung. Nachdem wir die Einstellungen vorgenommen haben, z.B. den Buttons größer gemacht und die richtige Sprache gewählt, bekommen wir das passenden HTML Snippet, das wir brauchen.
Viel Spaß damit. Fragen? Comments!
Ich hatte vorher nur TTutorials zu den großen Ticker-Boxen gefunden...