Share Buttons & Soziale Medien Widgets

Was sind Widgets für soziale Netzwerke?

Auf allen Inhaltstypen in Metro Publisher können Widgets für verschiedene soziale Medien-Plattformen platziert werden. Diese Widgets sind ein Drittanbieter-Service, die das Leser-Engagement durch Teilen Ihrer Inhalte auf sozialen Netzwerken fördern können. In dieser Anleitung erklären wir Ihnen, wie sie solche Widgets in Schaltflächenform (Buttons) anbieten können.

Beispiel eines ShareThis soziale Medien Widgets auf einem Artikel

Code für das Widget erhalten

Es gibt verschiedene Widgets, die Sie nutzen können. Sie müssen erst ein Widget über einen Drittanbieter-Service erstellen und den dazugehörigen JavaScript- plus HTML-Code dann bei Metro Publisher einfügen. Ein populärer Anbieter ist ShareThis.

Den Code auf Ihrer Metro Publisher Site einfügen

Sobald Sie den Widget-Code vom Drittanbieter Ihrer Wahl erhalten haben, muss dieser in Metro Publisher an der richtigen Stelle eingefügt werden.

1. Loggen Sie sich als Admin ein und navigieren Sie zu "Einstellungen"
2. Wählen Sie den Reiter "Inhalt" an
3. Fügen Sie den erhaltenen Code im Feld "Javascript Code Für Share-Buttons" ein
   
   HINWEIS: Normalerweise hat der soziale Medien Widget Code zwei Teile; einen Teil JavaScript-Code-Teil und einen HTML-Code-Teil. Fügen Sie BEIDE in das Feld ein.
   
   Für ShareThis (So installieren Sie ShareThis' Reaktionstasten), sieht der HTML-Code aktuell z.B. so aus:
   <div class="sharethis-inline-reaction-buttons"></div>
   
   
4. Sie können außerdem aussuchen, wo die Share Widgets auf Inhalten platziert werden sollen, indem Sie eine der "Platzierung" Optionen anwählen.
5. Klicken Sie unten im Fenster auf "Speichern".
6. Suchen Sie einen Artikel heraus und nutzen Sie die "Vorschau" um zu kontrollieren, ob der Code korrekt funktioniert.
   
   

Share-Buttons auf Pages-Seiten platzieren

Sie können die Schaltflächen bzw. Widgets auch auf Pages-Seiten platzieren. Dazu schalten Sie auf "Quelltext" auf dem Inhaltseditor um und fügen den Code zur Platzierung ein:

<span class='st_sharethis_large' displayText='ShareThis'></span>
<span class='st_facebook_large' displayText='Facebook'></span>
<span class='st_twitter_large' displayText='Tweet'></span>
<span class='st_linkedin_large' displayText='LinkedIn'></span>
<span class='st_pinterest_large' displayText='Pinterest'></span>
<span class='st_email_large' displayText='Email'></span>