Teilen Buttons

Increase your website’s reach and engagement with customizable share buttons that make content sharing effortless. With just one click, your visitors can spread your posts, products, or pages across 40+ social media channels—helping you boost traffic, visibility, and brand awareness instantly.

Inline Teilen Buttons

inline share button preview image

Sticky Teilen Buttons

sticky share button preview image

Copy the code below and paste it in the <head></head> or <footer></footer> tags of your website:

Code kopieren code successfully copied!

Kopieren Sie den untenstehenden Platzierungscode und fügen Sie ihn an der Stelle ein, an der Ihr neuer share buttons Code erscheinen soll:

Code kopieren Customize your buttons Customize your buttons code successfully copied!

Trusted by Over 3 Million Websites Globally

Sign Up and Get More With a ShareThis Account

Save Your Configurations

Save your button configurations, manage multiple sites, and invite teammates to collaborate.

Unlock Sharing Intelligence®

Harness the power of analytics: see what content gets shared and where your audience engages.

Access All Free Website Tools

Access more free tools to grow traffic, increase engagement, and support privacy and consent needs.

Unsere Share-Buttons

Ermöglichen Sie Ihren Website-Besuchern, die Viralität Ihrer Inhalte, Produkte, Bilder und Videos über mehr als 40 soziale Kanäle zu erweitern

AI-Driven Smart Sharing Buttons

Mit unserer neuen Funktion für Inline- und Sticky-Share-Buttons müssen Sie bei der Auswahl der richtigen sozialen Kanäle für Ihre Zielgruppe nicht mehr rätseln.

We automatically customize the channels based on the most popular sharing in your user’s region using ML algorithms. Sign up or login to our platform to start driving more engagement for your content or products. 

Kostenlos

Immer kostenlos und bereit, Ihr Publikum sofort zu vergrößern.

Anpassbar

Passen Sie das Design, einschließlich Ausrichtung, Größe und Farbe, an Ihre Marke an.

Mobil optimiert

Gemacht, um auf jedem Bildschirm großartig auszusehen, egal ob groß oder klein.

Mehrsprachige Unterstützung

Wählen Sie Ihre bevorzugte Sprache aus über 15 Optionen

WordPress Plugin

Nahtlose Integration mit Ihrer bevorzugten Website-Plattform

Analytik

Einfache und praktische Einblicke in die Wirkung auf Ihr Publikum

Häufige Fragen

Sie haben Fragen zu unseren Produkten und Dienstleistungen? Suchen Sie nicht weiter!

Sind die ShareThis Teilen Buttons kostenlos?

Ja! Seit 2007 bieten wir kostenlose Share Buttons, um das Teilen von Inhalten im offenen Web zu ermöglichen.

Wie erhalte ich den Teilen Button HTML/ Teilen Button Code?

Sie können den ShareThis Teilen Button auf Ihrer HTML-Website installieren, in  wenigen einfachen Schritten. Navigieren Sie zur Setup Seite,  und wählen Sie Ihre Präferenz für Inline Buttons oder Sticky Buttons. 

Wählen Sie dann das gewünschte Teilen Button Produkt aus. Sie können Ihr Design anpassen, indem Sie die Ausrichtung, die Größe des Buttons, den Aufruf zur Aktion und den Zähler für die Freigaben wählen. Sobald Ihr Button Design fertig ist, klicken Sie auf "Registrieren & Code erhalten", um den Code Ihres Buttons zu erhalten. 

Sehen Sie sich diesen Hilfe-Artikel an, um mehr zu erfahren über  Installieren von Teilen Buttons auf einer HTML-Website

Wie installiere ich Teilen Buttons auf meiner WordPress-Seite?

ShareThis Teilen Buttons für WordPress geben Ihnen mehr Kontrolle darüber, wo und wie auf Ihrer Website Teilen Buttons erscheinen. Sie müssen nicht einmal den Code kopieren und einfügen, da alles über unsere Plattform und die Plugin-Einstellungen gesteuert wird. Laden Sie herunter und Installieren Sie  unser Plugin  auf Ihrer WordPress-Seite in weniger als fünf Minuten.  Sehen Sie sich das Tutorial zur Installation an und probieren Sie es noch heute aus! 

Wie installiere ich Teilen Buttons auf meiner WIX-Site?

Die Installation von Teilen Buttons auf Wix erfordert folgende  einfache paar Schritte. Navigieren Sie zur Setup Seite,  um Ihre Präferenz für Inline- oder Sticky Buttons zu wählen. 

Wählen Sie dann den gewünschten Teilen Button aus. Sie können Ihr Design anpassen, indem Sie die Ausrichtung, die Größe des Buttons, den Aufruf zur Aktion und den Zähler für Freigaben wählen. Sobald Ihr Button Design fertig ist, klicken Sie auf "Registrieren & Code erhalten", um den Button Code zu erhalten. Kopieren Sie den Code unter "Install ShareThis.js auf Ihrer Website". Melden Sie sich dann in Ihrem Wix-Konto an, um den HTML-Code in das Textfeld einzugeben. 

Sehen Sie sich diesen Hilfe-Artikel an, um mehr zu erfahren über  Installieren von Teilen Buttons auf Wix

Wie installiere Teilen Buttons auf meiner Weebly-Seite?

Die Installation von Teilen Buttons auf Weebly erfolgt über die folgenden  einfache paar Schritte. Navigieren Sie zur Setup Seite,  um Ihre Präferenz für Inline- oder Sticky Buttons zu wählen.

Wählen Sie dann den gewünschten Teilen Buttons aus. Nachdem Sie Ihren Teilen Button gestaltet haben, klicken Sie auf den Button "Registrieren & Code erhalten", um den Teilen Button Code zu erhalten. Kopieren Sie den Code unter "Install ShareThis.js auf Ihrer Website". Melden Sie sich dann in Ihrem Weebly-Konto an, um den HTML-Code in das Textfeld einzugeben. 

Wie erstelle ich benutzerdefinierte Teilen Buttons?

Möchten Sie Ihre Teilen Buttons lieber selbst anpassen? Großartig! Mit unserem Teilen Code können Sie benutzerdefinierte Buttons von Grund auf neu erstellen. Wir kümmern uns um das Teilen und Zählen für Sie. 

Sehen Sie sich diesen Hilfe-Artikel an, um mehr zu erfahren über  So erstellen Sie benutzerdefinierte ShareThis Teilen Buttons

Warum ist Instagram nicht als Share Button verfügbar?

Derzeit schränken einige Social-Media-Plattformen (wie Instagram oder Tik Tok) ihre API ein, so dass es nicht möglich ist, Inhalte über einen Endpunkt durch eine Anwendung außerhalb ihrer Umgebung zu teilen. Wir bieten jedoch eine Instagram Folgen Button, Tik Tok Folgen Button (und mehr!), die Sie hinzufügen können, indem Sie Follow Buttons aktivieren.

Do I need an account to use share buttons on my website?

No. When no ShareThis account or property is provided, the script automatically initializes using anonymous mode.

Now all you need to do to use our share buttons is place this script in your website code:

Next, depending on what kind of share buttons you want use, you can simply place the following HTML where you want the buttons to show:


Notice the “data-type” attribute in the first div. It accepts two values “inline-share-buttons” or “sticky-share-buttons”

The value of the data-type attribute determines the button layout:

-inline-share-buttons renders buttons inline within page content.

-sticky-share-buttons renders floating buttons on the left or right side of the browser window.

Each <strong><span></strong> inside the container represents a social network, defined by its <strong>data-network</strong> attribute.

How do I add social media networks button to my share buttons?

To add a social media network button, place a element with a data-network attribute inside the ShareThis wrapper

The value of data-network must be the lowercase identifier of a supported social network.

Example wrapper:

Example network button:

You can include multiple elements inside the wrapper. The order of the elements determines the order in which the buttons appear.

Complete example:

Once added, the corresponding social network buttons will automatically render on your website.

What social media networks are supported?

The current list of supported social media networks you can place in your share buttons container code are:
‘facebook’
‘x’
’email’
‘whatsapp’
‘linkedin’
‘reddit’
‘tumblr’
‘diigo’
‘digg’
‘flipboard’
‘copy’
‘meneame’
‘fark’
‘facebook-messenger’
‘odnoklassniki’
‘sina-weibo’
‘vk’
‘blogger’
‘snapchat’
‘xing’
‘mail-ru’
‘livejournal’
‘pinterest-pin’
‘buffer’
‘douban’
‘evernote’
‘bookmarks’
‘gmail’
‘hackernews’
‘houzz’
‘instapaper’
‘line’
‘pocket’
‘print’
‘qzone’
‘iorbix’
‘kakao’
‘kindleit’
‘kooapp’
‘microsoftteams’
‘naver’
‘nextdoor’
‘outlook’
‘plurk’
‘pinboard’
‘tencentqq’
‘trello’
‘viber’
‘yummly’
‘diaspora’
‘surfingbird’
‘refind’
‘renren’
‘skype’
‘telegram’
‘threema’
‘yahoomail’
‘wordpress’
‘wechat’

How do I change the order of my social network share buttons?

You can change the order of your social network share buttons by reordering the <strong><span></strong> elements inside the ShareThis wrapper <strong><div></strong>.

The buttons will appear on your website in the same order as the <strong><span data-network></strong> elements in your HTML.

For example, if your buttons are initially ordered like this:

And you want Facebook to appear after LinkedIn, update the order like this:

After this change, the Facebook button will appear after the LinkedIn button.

How do I remove one of my social network share buttons?

To remove a social network share button, delete the corresponding <strong><span></strong> element with the matching <strong>data-network</strong> attribute from the ShareThis button container <strong><div></strong>.

For example, if your buttons are defined like this:

To remove the Facebook button, delete the <strong><span></strong> with <strong>data-network=”facebook”</strong>:

After removing the span, the Facebook share button will no longer appear on your website.

How do I change the size of my share buttons?

You can change the size of <strong>Inline Share Buttons</strong> by adding a <strong>data-size</strong> attribute to the ShareThis button container <strong><div></strong>.

There are three supported size values:

  • small (default)
  • mittel
  • large

By default, inline share buttons use the small size.

Default container

Example: setting the buttons to large

After adding the data-size=”large” attribute, the inline share buttons will render in the large size.

The data-size attribute is only supported for inline share buttons.

How do I change the labels that show next to the social network icon in my share buttons?

You can change the labels shown next to each social network icon by adding a <strong>data-labels</strong> attribute to your share button container <strong><div></strong>.

This works for both inline share buttons and sticky share buttons.

There are three supported label options:

  • cta — shows a call-to-action label (for example: “Share”, “Tweet”)
  • counts — shows the share count next to each icon
  • none — hides labels and shows icons only

By default, share buttons use the cta label option.


Default container (inline or sticky)

oder


Example: showing share counts as labels


Example: hiding labels (icons only)


Important notes

Any unsupported value will fall back to the default behavior

The data-labels attribute applies to both inline and sticky share buttons

Only the values cta, counts, and none are supported

How do I show share counts next to my social network share buttons?

By default, ShareThis buttons do not display the total share count for the current page.

To enable the total share count, add the <strong>data-show_total=”true”</strong> attribute to your share button container <strong><div></strong>.

This works for both inline share buttons and sticky share buttons.


Default container

oder


Enable total share count


Result

Once data-show_total=”true” is added, the total number of shares for the current page will appear next to your share buttons.


Important notes

If the attribute is omitted or set to false, the total share count will not be shown

This setting shows the combined total share count, not individual network counts

The attribute works for both inline and sticky share buttons

How do I change the alignment and move my sticky floating share buttons from the left to the right side?

By default, sticky share buttons float on the left side of the user’s browser window.

To move your sticky share buttons to the right side, add the data-alignment attribute to your share button container and set its value to “right”.

Note: This setting only applies to sticky share buttons.


Default container


Move buttons to the right side


Result

After adding data-alignment=”right”, your sticky share buttons will float on the right side of the browser window instead of the left.


Available alignment options

data-alignment="right"

data-alignment="left" (default)

Soziale Plugins

Unsere CMS-Plugins und Apps erleichtern die Integration unserer Tools in Ihre Website.

Durchschnittliche Benutzerbewertung


पटीर

जगदीश
2018-11-09

Fantastisches Werkzeug

Es half mir, die Dinge wirklich schnell zu erledigen.
2018-11-15

Ein ausgezeichnetes Widget!

Großartiges Werkzeug! Vielen Dank an ShareThis für die Erfindung eines großartigen Produkts zur Steigerung der Produktivität auf unterhaltsame und interaktiv interessante Weise. Bleiben Sie dran! Danke!
2019-07-01

Großartiges Werkzeug

Bester Service, großartiges Werkzeug, es machte meine Arbeit so einfach.
2019-09-03

Affiliate-Vermarkter

Für mich ist ShareThis eines meiner neuen Lieblings-Online-Tools. Das Erstellen von Teilen Buttons für Blogs, Startseiten und Websites war noch nie so einfach! Ich empfehle es 100% für jeden, der möchte, dass seine Verbindungen online geteilt werden. Und noch besser ist, dass es momentan völlig kostenlos ist. 😍
2019-11-29

Großartiges Werkzeug

https://sharethis.com/platform/share-buttons/
2020-07-17

Hilfreiche Anwendung

Wirklich, ich meinte es so
2020-07-27

Das beste Werkzeug zum Teilen auf der Welt!

Ich habe eine Menge Share-Tools von vielen Entwicklern ausprobiert, aber um ehrlich zu sein, ist ShareThis viel besser und dasjenige, das einwandfrei funktioniert. 1. Die Schaltflächen sehen toll aus, einfach und sauber, wir können sie anpassen. Und es gibt eine Option für 100% Breite, um es auf jeder Bildschirmgröße responsive zu machen. 2. Wenn Sie die button Optionen/Einstellungen in Ihrem Konto ändern, wird die button auf Ihrer Website automatisch aktualisiert. 3. Die Schaltflächen werden nicht von Adblock blockiert, so dass die Sichtbarkeit auf Ihrer Website erhöht wird. Dankeschön ShareThis
2020-10-02

Einfache Implementierung, beste Ergebnisse

Ich gebe sharethis 5 Sterne. Es war sehr einfach zu implementieren und meine Nutzer lieben es. Schon im ersten Monat wurden meine Artikel fast 40 Mal geteilt. Ich würde es jedem empfehlen.
2021-11-24

Fantastisches Werkzeug

Es ist so einfach, Code hinzuzufügen, um Schaltflächen zum Teilen auf meiner Website anzuzeigen.
2021-11-28

Neujahr 2022

5Sterne
2022-01-19

Großartiges, benutzerfreundliches Werkzeug

Ich habe meinen Blog jetzt seit über einem Jahr und aus irgendeinem Grund sah er einfach noch nicht "offiziell" aus, bis ich sharethis bekam! Mit sharethis auf meinem Blog fühle ich mich seriöser und es ist einfacher für die Leute, meine Blog-Posts an andere weiterzugeben, was die Reichweite meines Blogs vergrößert! Yay!!! Vielen Dank, sharethis!
2022-02-06

Großartiges Werkzeug

So einfach zu bedienen
2022-04-08

Tolles Werkzeug!

Einfach zu implementieren, leicht zu verstehen, insgesamt ein sehr unkomplizierter Prozess!
2022-07-27

Ich liebe es!

Die Einrichtung ist so einfach und die Anpassungsmöglichkeiten sind großartig!
2022-09-01

Ich liebe es!

\n\n

Next, depending on what kind of share buttons you want use, you can simply place the following HTML where you want the buttons to show:\n\n

\n
\n\n\n\n\n\n
\n\n\n

Notice the \"data-type\" attribute in the first div. It accepts two values \"inline-share-buttons\" or \"sticky-share-buttons\"

The value of the data-type attribute determines the button layout:

-inline-share-buttons renders buttons inline within page content.\n\n

-sticky-share-buttons renders floating buttons on the left or right side of the browser window.

Each inside the container represents a social network, defined by its data-network attribute.\n" } }, { "@type": "Question", "name": "How do I add social media networks button to my share buttons?", "acceptedAnswer": { "@type": "Answer", "text": "\n

To add a social media network button, place a element with a data-network attribute inside the ShareThis wrapper\n\n

The value of data-network must be the lowercase identifier of a supported social network.\n\n

Example wrapper:
\n\n

\n\n

Example network button:\n\n

\n\n

You can include multiple elements inside the wrapper. The order of the elements determines the order in which the buttons appear.\n\n

Complete example:\n\n

\n \n \n \n
\n\n

Once added, the corresponding social network buttons will automatically render on your website.\n" } }, { "@type": "Question", "name": "What social media networks are supported?", "acceptedAnswer": { "@type": "Answer", "text": "\n

The current list of supported social media networks you can place in your share buttons container code are:
'facebook'
'x'
'email'
'whatsapp'
'linkedin'
'reddit'
'tumblr'
'diigo'
'digg'
'flipboard'
'copy'
'meneame'
'fark'
'facebook-messenger'
'odnoklassniki'
'sina-weibo'
'vk'
'blogger'
'snapchat'
'xing'
'mail-ru'
'livejournal'
'pinterest-pin'
'buffer'
'douban'
'evernote'
'bookmarks'
'gmail'
'hackernews'
'houzz'
'instapaper'
'line'
'pocket'
'print'
'qzone'
'iorbix'
'kakao'
'kindleit'
'kooapp'
'microsoftteams'
'naver'
'nextdoor'
'outlook'
'plurk'
'pinboard'
'tencentqq'
'trello'
'viber'
'yummly'
'diaspora'
'surfingbird'
'refind'
'renren'
'skype'
'telegram'
'threema'
'yahoomail'
'wordpress'
'wechat'\n" } }, { "@type": "Question", "name": "How do I change the order of my social network share buttons?", "acceptedAnswer": { "@type": "Answer", "text": "\n

You can change the order of your social network share buttons by reordering the elements inside the ShareThis wrapper

.\n\n

The buttons will appear on your website in the same order as the elements in your HTML.\n\n

For example, if your buttons are initially ordered like this:\n\n

\n \n \n \n
\n\n

And you want Facebook to appear after LinkedIn, update the order like this:\n\n

\n \n \n \n
\n\n

After this change, the Facebook button will appear after the LinkedIn button.\n" } }, { "@type": "Question", "name": "How do I remove one of my social network share buttons?", "acceptedAnswer": { "@type": "Answer", "text": "\n

To remove a social network share button, delete the corresponding element with the matching data-network attribute from the ShareThis button container

.\n\n

For example, if your buttons are defined like this:\n\n

\n \n \n \n
\n\n

To remove the Facebook button, delete the with data-network=\"facebook\":\n\n

\n \n \n
\n\n

After removing the span, the Facebook share button will no longer appear on your website.\n" } }, { "@type": "Question", "name": "How do I change the size of my share buttons?", "acceptedAnswer": { "@type": "Answer", "text": "\n

You can change the size of Inline Share Buttons by adding a data-size attribute to the ShareThis button container

.\n\n

There are three supported size values:\n\n

    \n
  • small (default)\n\n\n\n
  • medium\n\n\n\n
  • large\n\n\n

    By default, inline share buttons use the small size.\n\n

    Default container\n\n
    \n\n

    Example: setting the buttons to large\n\n
    \n\n

    After adding the data-size=\"large\" attribute, the inline share buttons will render in the large size.\n\n

    The data-size attribute is only supported for inline share buttons.\n" } }, { "@type": "Question", "name": "How do I change the labels that show next to the social network icon in my share buttons?", "acceptedAnswer": { "@type": "Answer", "text": "\n

    You can change the labels shown next to each social network icon by adding a data-labels attribute to your share button container

    .\n\n

    This works for both inline share buttons and sticky share buttons.\n\n

    There are three supported label options:\n\n

      \n
    • cta \u2014 shows a call-to-action label (for example: \u201cShare\u201d, \u201cTweet\u201d)\n\n\n\n
    • counts \u2014 shows the share count next to each icon\n\n\n\n
    • none \u2014 hides labels and shows icons only\n\n\n

      By default, share buttons use the cta label option.\n\n


      \n\n

      Default container (inline or sticky)\n\n
      \n\n

      or\n\n

      \n\n
      \n\n

      Example: showing share counts as labels\n\n
      \n\n
      \n\n

      Example: hiding labels (icons only)\n\n
      \n\n
      \n\n

      Important notes\n\n

      Any unsupported value will fall back to the default behavior\n\n

      The data-labels attribute applies to both inline and sticky share buttons\n\n

      Only the values cta, counts, and none are supported\n" } }, { "@type": "Question", "name": "How do I show share counts next to my social network share buttons?", "acceptedAnswer": { "@type": "Answer", "text": "\n

      By default, ShareThis buttons do not display the total share count for the current page.\n\n

      To enable the total share count, add the data-show_total=\"true\" attribute to your share button container

      .\n\n

      This works for both inline share buttons and sticky share buttons.\n\n


      \n\n

      Default container\n\n
      \n\n

      or\n\n

      \n\n
      \n\n

      Enable total share count\n\n
      \n\n
      \n\n

      Result\n\n

      Once data-show_total=\"true\" is added, the total number of shares for the current page will appear next to your share buttons.\n\n


      \n\n

      Important notes\n\n

      If the attribute is omitted or set to false, the total share count will not be shown\n\n

      This setting shows the combined total share count, not individual network counts\n\n

      The attribute works for both inline and sticky share buttons\n" } }, { "@type": "Question", "name": "How do I change the alignment and move my sticky floating share buttons from the left to the right side?", "acceptedAnswer": { "@type": "Answer", "text": "\n

      By default, sticky share buttons float on the left side of the user\u2019s browser window.\n\n

      To move your sticky share buttons to the right side, add the data-alignment attribute to your share button container and set its value to \"right\".\n\n

      \n

      Note: This setting only applies to sticky share buttons.\n\n\n


      \n\n

      Default container\n\n
      \n\n\n
      \n\n

      Move buttons to the right side\n\n
      \n\n\n
      \n\n

      Result\n\n

      After adding data-alignment=\"right\", your sticky share buttons will float on the right side of the browser window instead of the left.\n\n


      \n\n

      Available alignment options\n\n

      data-alignment=\"right\"
      \n\n

      data-alignment=\"left\" (default)\n" } } ] }