Website-Widgets

Außer „Merken“-Buttons können Sie Ihrer Website auch noch den „Folgen“-Button sowie Pin-, Pinnwand- und Profil-Widgets hinzufügen. Mit dem „Folgen“-Button können Ihnen andere Nutzer auf Pinterest folgen, sodass ihnen Ihre neuen Pins in ihrem Start-Feed angezeigt werden. Mit den anderen Widgets können Sie Ihre Pins, Pinnwände und Ihr Profil auf Ihrer Website präsentieren, sodass Ihre Besucher Ihre Aktivitäten auf Pinterest nachverfolgen können.
 
Erstellen Sie mithilfe unseres Widget Builders diese Buttons und Widgets.

Erstellen Sie selbst ein Widget

Follow button Follow button

Follow button

So erstellen Sie einen „Folgen“-Button:

  1. Geben Sie die URL Ihres Profils in den Widget Builder ein.
  2. Klicken Sie auf Build It!
  3. Fügen Sie den zugesendeten Code an der Stelle ein, an der Sie den „Folgen“-Button sehen möchten.
Der Code sollte folgendermaßen aussehen:  (der rote Text verändert sich basierend auf Ihren Informationen)
 

Pin widget Pin widget
 
So erstellen Sie ein Pin-Widget: 
  1. Kopieren Sie die URL Ihres Lieblings-Pins und gehen Sie zu Widget Builder.
  2. Geben Sie die URL des Pins ein.
  3. Klicken Sie auf Build It!
  4. Füge den zugesendeten Code an der Stelle ein, an der du den Pin sehen möchtest.
Der Code sollte folgendermaßen aussehen: (der rote Text verändert sich basierend auf Ihren Informationen)
 
<a data-pin-do="embedPin" href="https://www.pinterest.com/pin/99360735500167749/"></a>
 
<!-- Rufen Sie pinit.js bitte nur einmal pro Seite auf -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Profile widget Profile widget

profile widget

So erstellen Sie ein Profil-Widget:

  1. Geben Sie die URL Ihres Profils in den Widget Builder ein.
  2. Passen Sie die Größe Ihres Profil-Widgets an.
  3. Klicken Sie auf Build It!
  4. Füge den von uns zugesendeten Code an der Stelle ein, an der du das Widget sehen möchtest.
Der Code sollte folgendermaßen aussehen: (der rote Text verändert sich basierend auf Ihren Informationen)
 

Board widget Board widget

board widget

So erstellen Sie ein Pinnwand-Widget:

  1. Geben Sie die Pinnwand-URL in den Widget Builder ein.
  2. Passen Sie die Größe Ihres Pinnwand-Widgets an.
  3. Klicken Sie auf Build It!
  4. Füge den von uns zugesendeten Code an der Stelle ein, an der du das Widget sehen möchtest.
Der Code sollte folgendermaßen aussehen: (der rote Text verändert sich basierend auf Ihren Informationen)
 


Widget-Anleitung für häufig verwendete Hosts

WordPress.com WordPress.com
Fügen Sie den Link einfach dem Pin, Profil oder der Pinnwand in Ihrem Blogeintrag hinzu. Wenn Sie den Beitrag veröffentlichen, wird WordPress den Link automatisch in ein Widget umwandeln.

Blogger Blogger
  1. Erstellen Sie das Widget in dem Widget Builder und kopieren Sie den Code.
  2. Klicken Sie auf den Layout- Button links auf der Verwaltungsseite Ihres Blogs.
  3. Suchen Sie nach einem passenden Platz für Ihr Widget und klicken Sie auf Gadget hinzufügen.
  4. Blättern Sie nach unten und klicken Sie auf HTML/JavaScript.
  5. Kopieren Sie den Code von dem Widget Builder in das Inhalts-Feld (Sie können alles Weitere in das Titel- Feld eintragen).
  6. Klicken Sie auf Speichern.

Tumblr Tumblr
Sie müssen zuerst eine JavaScript-Zeile hinzufügen, bevor Sie das Widget einfügen.
 
Folgen Sie zum Hinzufügen der JavaScript-Zeile diesen Schritten:
  1. Wählen Sie in Ihrem Tumblr-Dashboard den Blog, den Sie bearbeiten möchten, und klicken Sie dann auf Customize.
  2. Klicken Sie auf der Bildschirmanzeige Anpassen auf HTML bearbeiten .
  3. Scrollen Sie an das Ende des Codes.
  4. Überprüfen Sie, ob Ihr Code pinit.js enthält.
  5. Wenn nicht, fügen Sie die folgende Zeile direkt über dem </body>-Endtag ein: <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

So fügen Sie Text-, Foto-, Zitat-, Link-, Audio- und Video-Beiträgen einen „Folgen“-Button oder Pin-, Profil- oder Pinnwand-Widget hinzu:

  1. Voraussetzung ist, dass Sie die JavaScript-Zeile wie oben erläutert hinzugefügt haben.
  2. Erstellen Sie wie gewöhnlich einen Beitrag.
  3. Klicken Sie auf <html> im Überschrift-Feld (oder dem Haupttextfeld, falls Sie einen Textbeitrag verfassen). Sie sollten Ihren Beitragscode jetzt sehen können. Falls nicht, klicken Sie erneut auf den Button, bis der Code sichtbar wird.
  4. Finden Sie einen geeigneten Platz, an dem Ihr Widget erscheinen soll, und fügen Sie den Code von dem Widget Builder ein.
  5. Löschen Sie <!-- Rufen Sie pinit.js bitte nur einmal pro Seite auf --> und <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>.
  6. Speichern Sie Ihren Beitrag.

Bitte beachten Sie, dass das Widget auf dem Beitrag nicht auf Ihrem Dashboard angezeigt wird, aber im Live-Beitrag werden Sie es sehen können.

 

Wix.com Wix.com

So fügen Sie einen „Folgen“-Button hinzu:

  1. Klicken Sie links im Editor auf Hinzufügen (+).
  2. Klicken Sie auf Social.
  3. Blättern Sie nach unten und klicken Sie auf Auf Pinterest folgen.
  4. Ziehen Sie den „Folgen“-Button an die gewünschte Position auf der Seite.


Häufig auftretende Schwierigkeiten

Ihr Widget wird nur als Link angezeigt

Versuchen Sie es mit diesen Tipps:

  • Achten Sie darauf, dass die JavaScript-Zeile im Code Ihrer Seite direkt oberhalb des BODY-Endtags steht.
  • Überprüfen Sie, ob die Java-Script-Zeile mehrmals auf der Seite vorhanden ist. Entfernen Sie dann alle Zeilen außer der letzten.
  • Wenn Sie sowohl das normale als auch das weiterführende asynchrone JavaScript verwenden, entfernen Sie eines davon.
  • Wenn Sie das Plug-in eines Drittanbieters verwenden, überprüfen Sie, ob es standardmäßig eine pinit.js-Zeile in Ihren Code einfügt. In diesem Fall brauchen Sie sie nicht selbst hinzuzufügen.

Einige Hosts unterstützen JavaScript nicht, sodass Sie den Code nicht über Ihren Widget Builder hinzufügen können. Eventuell bieten sie andere Möglichkeiten an, Widgets hinzuzufügen.

Related Articles