X

Mehr Retweets gewünscht? Nutzen Sie den offiziellen Tweet-Button

Vor etwas mehr als einem Monat habe ich empfohlen, das TweetMeme WordPress Plugin zu verwenden, um mehr Retweets für Ihre Beiträge zu erhalten.

Vor ein paar Tagen kündigte Twitter seinen eigenen Button zum Retweeten an. Mehrere Methoden zur Integration des offiziellen Tweet-Buttons in Ihre WordPress-Seiten sind bereits aufgetaucht.

WordPress Plugins

Das erste Twitter-Button WordPress-Plugin, auf das ich gestoßen bin, war von Blogsessive.

Twitter-Button WordPress-Plugin

Wie Sie auf dem obigen Screenshot sehen können, integrieren die Optionen alle Funktionen, die Sie von einem Twitter-Button-WordPress-Plugin erwarten, ohne überflüssige Funktionen. Sie können es von dem oben verlinkten Beitrag herunterladen.

Danach tauchten einige weitere im WordPress.org Plugin-Verzeichnis auf:

Der manuelle Weg

Twitter hat eine Reihe von Möglichkeiten bereitgestellt, den Tweet-Button auf Ihren eigenen Seiten einzubinden. Die einfachste Option ist über dieses anpassbare Formular, in dem Sie den Button-Typ, eine benutzerdefinierte URL, den Tweet-Text, die Sprache und empfohlene Twitter-Benutzer definieren können.

Werfen wir einen Blick auf den Code, der nach Eingabe einiger Beispielwerte erzeugt wird.

<a href="http://twitter.com/share" class="twitter-share-button"
data-url="http://example.com/permalink-url/"
data-text="Title of page goes here"
data-count="vertical"
data-via="themelab"
data-related="lelandf:My personal account">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Gehen wir diese Zeile für Zeile durch.

  • Erste Zeile: Öffnet im Grunde nur den Link und fügt eine CSS-Klasse hinzu.
  • Zweite Zeile: data-url wird verwendet, um einen Link einzugeben, wahrscheinlich den Permalink Ihres Beitrags.
  • Dritte Zeile: data-text wird für den Tweet-Text verwendet, wahrscheinlich den Titel Ihres Beitrags.
  • Vierte Zeile: data-count wird verwendet, um den Button-Typ zu definieren: vertikal, horizontal oder keine.
  • Fünfte Zeile: data-via wird in der @Erwähnung im Tweet verwendet, wahrscheinlich Ihr eigener Twitter-Account.
  • Sechste Zeile: data-related ermöglicht es Ihnen, einen anderen Twitter-Account mit einer benutzerdefinierten Beschreibung zu definieren.
  • Letzte Zeile: Schließt im Grunde nur den Link und fügt eine obligatorische Zeile JavaScript hinzu.

Ich empfehle, mit dem Button-Code-Generator zu experimentieren, um ein besseres Gefühl für die verschiedenen Optionen zu bekommen.

Einfügen in WordPress

Betrachten wir den obigen Code erneut und fügen einige dynamische WordPress-Template-Tags für den Permalink und den Titel ein.

<a href="http://twitter.com/share" class="twitter-share-button"
data-url="<?php the_permalink(); ?>"
data-text="<?php the_title_attribute(); ?>"
data-count="vertical"
data-via="themelab"
data-related="lelandf:My personal account">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Dieser Code kann in praktisch jede gewünschte Template-Datei eingefügt werden, einschließlich index.php für den Hauptindex, single.php für einzelne Blogbeiträge, page.php für statische Seiten und mehr.

Zu Styling-Zwecken möchten Sie den obigen Code wahrscheinlich über <?php the_content(); ?> platzieren und etwas wie den folgenden CSS-Code verwenden, um ihn zu stylen.

.twitter-share-button { float: right; margin-left: 10px; display: inline-block; }

Fortgeschrittenere Verwendung

Für eine fortgeschrittenere Verwendung des Twitter-Buttons schauen Sie sich diese Seite auf der Twitter-Entwicklerseite an. Twitter erlaubt Ihnen tatsächlich, „Ihren eigenen Tweet-Button zu erstellen“ (siehe unten auf der Seite), was ihn viel anpassbarer macht als den TweetMeme-Button.

Fazit

Für weitere Informationen über den Tweet-Button gibt es einen guten Artikel mit dem Titel 7 Gründe, den neuen Tweet-Button nicht zu verwenden von Andy Beard. In den Kommentaren antwortet ein Twitter-Entwickler auf die Gründe.

Sie werden auch bemerkt haben, dass ich selbst nicht auf den offiziellen Twitter-Button umgestiegen bin und immer noch den TweetMeme-Button verwende. Der Grund, warum ich nicht umgestiegen bin, ist, dass ich noch keinen dringenden Bedarf sehe, auf die offizielle Version umzusteigen, TweetMeme funktioniert immer noch gut.

Wenn Sie auf Twitter bemerkt haben, habe ich viel über den Tweet-Button getwittert. Nachdem ich den Link zu diesem Beitrag über das Erhalten von mehr Retweets mit dem offiziellen Twitter-Tweet-Button getwittert habe, wird das wahrscheinlich mein letzter Tweet zum Thema Tweet sein.

Kommentare   Hinterlasse eine Antwort

  1. David R Davis, Jr. 17. August 2010 um 7:06 Uhr

    Danke Leland, dass Sie mein kleines Plugin hier erwähnt haben.

    David

  2. @Leland – Guter Punkt. Ich bin sofort auf den neuen Twitter-Button umgestiegen, einfach so, aber ja, wenn der Tweetmeme-Button für Sie funktioniert, hey, er funktioniert immer noch! :)

  3. Ich halte mich vorerst auch davon fern. Ich weiß, dass viele große Websites umgestiegen sind, aber dieses Skript zählt nur Retweets seit Juli (so wurde mir gesagt)...

    Es verfälscht also wirklich die Zählung bei älteren Beiträgen.

  4. Hallo Leland

    Für selbst codierte denke ich, dass es in den meisten Situationen, und sicherlich für alles, was im RSS erscheinen könnte, besser ist, Parameter zu verwenden, die die URL dekorieren, anstatt HTML5-Daten.
    http://andybeard.eu/2907/better-twitter-tweet-button.html
    Dort gibt es eine Antwort vom selben Twitter-Entwickler.

  5. Die einzige Ironie ist, dass dieser Beitrag immer noch den Tweetmeme-Button verwendet :)

    1. Heh, das stimmt. Wie ich in der Schlussfolgerung des Beitrags sagte, sehe ich keinen unmittelbaren Bedarf zum Wechseln. Derzeit funktioniert der TweetMeme-Button gut.

      Im Grunde gilt: Wenn es nicht kaputt ist, repariere es nicht.

Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte beachten Sie, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und bedeutungsvolles Gespräch führen.

WordPress Launch Checkliste

Die ultimative Checkliste für den Start von WordPress

Wir haben alle wichtigen Checklistenpunkte für den Start Ihrer nächsten WordPress-Website in einem praktischen E-Book zusammengefasst.
Ja, senden Sie mir das kostenlose E-Book!