Zum Hauptinhalt springen

Anpassen von Addtoany share buttons

Addtoany share buttons - dies ist eine Reihe von Social-Sharing-Schaltflächen, die Sie Ihrer Website oder Ihrem Blog leicht hinzufügen können. Facebook Instagram ermöglicht es Benutzern, Inhalte schnell und bequem mit Freunden und Followern in verschiedenen sozialen Netzwerken wie Facebook, Twitter, Instagram und anderen zu teilen.

Das Einrichten von Addtoany share buttons ist ziemlich einfach und dauert nur wenige Minuten. Zuerst müssen Sie den Addtoany-Skriptcode in Ihre Webseite einfügen. Sie können dies tun, indem Sie der Seite den folgenden Code hinzufügen:

Danach müssen Sie einen Container erstellen, um die Scherknöpfe zu platzieren. Dies kann ein beliebiges Element auf der Seite sein, das Sie zum Platzieren von Schaltflächen verwenden möchten. Zum Beispiel:

Rufen Sie nach dem Erstellen des Containers die Methode auf addtoany.share() mit der Container-ID und den Parametern, die Sie anpassen möchten. Um beispielsweise nur die Facebook- und Twitter-Schaltflächen anzuzeigen, verwenden Sie den folgenden Code:

Auf diese Weise können Sie die Addtoany share buttons einfach anpassen und Benutzern die Möglichkeit geben, Ihre Inhalte in sozialen Medien zu teilen.

Wie füge ich Schaltflächen zum Teilen von Addtoany-Inhalten hinzu?

Das Hinzufügen von Schaltflächen zum Teilen von Addtoany-Inhalten zu Ihrer Website kann eine sehr nützliche Funktion sein, mit der Ihre Besucher Inhalte schnell und einfach auf verschiedenen Social-Media-Plattformen teilen können.

Um Addtoany-Schaltflächen hinzuzufügen, können Sie das folgende HTML-Markup mit einer Tabelle verwenden:

In diesem Markup wird jede Schaltfläche als Tabellenzelle dargestellt, wobei die Klasse mit der entsprechenden sozialen Netzwerkplattform verknüpft ist. Zum Beispiel hat die Facebook-Schaltfläche die Klasse "a2a_button_facebook", die Twitter-Schaltfläche ist "a2a_button_twitter" usw.

Darüber hinaus sollten Sie Ihrer Website auch ein Addtoany-Skript vor dem schließenden Tag hinzufügen um die Tasten zu aktivieren:

Mit diesem Code können Sie Ihrer Website Schaltflächen zum Teilen von Addtoany-Inhalten hinzufügen. Danach können Besucher Ihre Inhalte einfach und bequem in sozialen Netzwerken teilen, mehr Nutzer gewinnen und die Zielgruppe Ihrer Website erweitern.

Installieren von Addtoany share buttons

Führen Sie die folgenden Schritte aus, um Addtoany share buttons auf Ihrer Website zu installieren:

  1. Verbinden Sie die Addtoany-Bibliothek über ein Tag mit Ihrer Webseite . Geben Sie den Pfad zur Bibliotheksdatei an, oder verwenden Sie die von Addtoany auf ihrer Website bereitgestellte Bibliotheks-URL.
  2. Fügen Sie Code hinzu, um Schaltflächen zu erstellen. Sie müssen den Code an der richtigen Stelle auf Ihrer Webseite oder Vorlage einfügen. Die Schaltflächen werden an der angegebenen Stelle auf Ihrer Seite angezeigt.
  3. Passen Sie die Tasten an. Sie können viele Optionen wie die Größe und Farbe der Schaltflächen, die Anzeige von Zählern usw. anpassen. Verwenden Sie die Addtoany-Dokumentation, um detaillierte Informationen zum Einrichten von Schaltflächen zu erhalten.

Nach Abschluss dieser Schritte werden die Addtoany share buttons auf Ihrer Webseite angezeigt. Ihre Benutzer können diese Schaltflächen verwenden, um Ihre Inhalte schnell und einfach in sozialen Netzwerken und anderen Plattformen zu teilen.

Anpassen der Position der Addtoany-Schaltflächen

Sie können verschiedene Methoden verwenden, um die Position der Addtoany-Schaltflächen anzupassen.

1. Ändern der Reihenfolge von Schaltflächen:

Sie können die Reihenfolge der Schaltflächen ändern, indem Sie bestimmte Schaltflächen im Code hinzufügen oder entfernen. Dazu müssen Sie das HTML-Markup der Schaltflächen bearbeiten und die gewünschte Reihenfolge angeben.

2. Verwenden von CSS zum Ändern des Layouts:

Mit CSS können Sie die gewünschten Stile für die Anordnung der Addtoany-Schaltflächen festlegen. Sie können beispielsweise den Einzug, die Größe und die Position der Schaltflächen auf einer Seite ändern. Fügen Sie dazu die entsprechenden CSS-Regeln der Stylesheet-Datei Ihrer Website oder dem Tag im HTML-Code der Seite hinzu.

Beispiel-CSS-Code zum Ändern der Position von Schaltflächen:

.addtoany_share_save_container

In diesem Beispiel befinden sich die Schaltflächen in der Mitte des Containers und haben einen Einzug von oben auf 20 Pixeln.

3. Verwenden von JavaScript zum Positionieren von Schaltflächen:

Wenn Sie eine komplexere Anordnung von Schaltflächen benötigen, können Sie sie mit JavaScript steuern. Sie können beispielsweise die Positionierung der Schaltflächen basierend auf der Größe des Browserfensters oder anderen Einstellungen ändern.

Dazu müssen Sie Ihrer Seite den entsprechenden JavaScript-Code hinzufügen.

Es ist wichtig zu beachten, dass Sie sich mit HTML, CSS und JavaScript vertraut machen müssen, um die Position der Addtoany-Schaltflächen anzupassen. Dadurch können Sie ihr Layout und ihre Stile besser an die Anforderungen Ihrer Website anpassen.

Symbole für Addtoany-Schaltflächen auswählen

Die Addtoany-Schaltflächen bieten eine große Auswahl an Symbolen, die für jede Website oder jeden Blog verwendet werden können. Um ein Symbol auszuwählen, müssen Sie den Button-Designer Addtoany öffnen.

Im Addtoany Button Designer finden Sie Hunderte von verschiedenen Symbolen, mit denen Sie Ihre Schaltflächen anpassen können. Diese Symbole werden als Grafiken geliefert, können aber auch als Vektorgrafiken verwendet werden, sodass Sie ihre Größe leicht ändern können.

Bei der Auswahl von Symbolen müssen Sie den Stil Ihrer Website oder Ihres Blogs und eine gute Kombination mit dem vorhandenen visuellen Konzept berücksichtigen. Einige Symbole sind möglicherweise für bestimmte Themen besser geeignet, z. B. das Facebook-Symbol für die Schaltfläche "Teilen" auf einer Social-Media-News-Seite.

Sie müssen auch die Größe des Symbols berücksichtigen, damit es auf Ihrer Webseite gut aussieht und für die Benutzer erkennbar ist. Wenn Sie in der Addtoany-Datenbank kein passendes Symbol finden können, können Sie auch Ihr eigenes Symbol herunterladen und anstelle der vorgeschlagenen Optionen verwenden.

Wenn Sie das Symbol für die Schaltfläche ausgewählt haben, müssen Sie den entsprechenden HTML-Code kopieren und in Ihre Webseite einfügen. Dies kann mit einer HTML-Tabelle erfolgen, die Ihnen vom Addtoany-Schaltflächenkonstruktor zur Verfügung gestellt wird.

Nachdem Sie Ihrer Webseite eine Schaltfläche hinzugefügt haben, können Sie ihr Verhalten und ihre Darstellung auch mit zusätzlichen CSS-Optionen und -Klassen anpassen.

Die Auswahl der richtigen Symbole für die Addtoany-Schaltflächen wird dazu beitragen, das Aussehen Ihrer Website oder Ihres Blogs zu verbessern und die Benutzerfreundlichkeit von Social Sharing zu gewährleisten.