Wie installiert man ShareThis' Tools auf einer HTML-Website?

Wenn Sie ein CMS/Framework verwenden, sollten Sie sich unsere anderen Installationsanleitungen und Plugins die den Installationsprozess erheblich vereinfachen.

In order for ShareThis tools to work on your HTML website, follow the steps below to add your unique ShareThis code to the <head> section of your website: 

  1. Einloggen oder Anmelden auf der Plattform ShareThis .
  2. Wählen Sie das gewünschte Werkzeug ShareThis aus und aktivieren Sie es, indem Sie auf die Schaltfläche Werkzeug aktivieren button klicken. 
  3. Anschließend können Sie die Schaltflächen anpassen, indem Sie Ihre sozialen Kanäle, die Größe und die Form auswählen.
  4. Wählen Sie den Aktivierungscode button in der oberen rechten Ecke. Klicken Sie in dem Pop-up-Fenster auf den Code buttonkopieren .
  5. Melden Sie sich auf Ihrer HTML-Website an.
  6. Paste the unique ShareThis code that you copied from step 4 into the <head> section of your website.

Hinweis: Manchmal kann es zwischen 5 und 10 Minuten dauern, bis die Plattform Ihren Code aktiviert. Sie können ihn aber auch manuell aktivieren, indem Sie in Ihrem Verifizierungsbanner auf Ihrem ShareThis Dashboard auf Code aktivieren >button klicken.

Hinzufügen von Inline ShareThis Tools

Inline-Tools benötigen ein zusätzliches Codeschnipsel, um auf Ihrer Website zu funktionieren. Wenn Sie unsere Inline-Share-Buttons, Follow-Buttons, Reaction-Buttons oder Social-Feed-Tools auf Ihrer Website installieren möchten, müssen Sie den Platzierungscode dort hinzufügen, wo das Tool erscheinen soll.

  1. Wählen Sie in Ihrer ShareThis Plattform das ShareThis Tool, das Sie verwenden möchten, und kopieren Sie den Platzierungscode. Je nach dem, welches Tool Sie installieren, sollte der Code ähnlich wie dieser aussehen:
  2. Rufen Sie eine Seite auf Ihrer Website auf (z. B. einen Blog, ein Produkt usw.) und fügen Sie den Platzierungscode, den Sie von der Plattform ShareThis kopiert haben, an der Stelle ein, an der das Tool ShareThis erscheinen soll.

Hinweis: Einige CSS-Regeln oder -Eigenschaften (z. B. die Flex-Eigenschaft in Containern) können dazu führen, dass die Tools von ShareThis nicht richtig angezeigt werden oder funktionieren, wenn sie nicht genügend Platz haben.

Heißer Tipp

Trotz der verfügbaren Anpassungsoptionen in der Plattform können Sie die Plattform mit unserer Benutzerdefinierte Freigabe-Schaltflächen oder das Aussehen der Werkzeuge von ShareThismit CSS-Stilen anzupassen (entweder für bestimmte Teile oder für die Klasse des Werkzeugs als Ganzes).