AddToAny Share Buttons

Beschreibung

The AddToAny Share Buttons plugin for WordPress increases traffic & engagement by helping people share your posts and pages to any service. Services include Facebook, Mastodon, Pinterest, WhatsApp, LinkedIn, Threads, Bluesky, Tumblr, Reddit, X, WeChat, and many more sharing and social media sites & apps.

AddToAny ist die Sharing-Plattform, das AddToAny Plugin ist das meist-verwendete Sharing-Plugin für WordPress und macht Websites fit für Social Media seit dem Jahr 2006

Teilen Buttons

  • Standard Teilen Buttons — teile jeden Teil Deines Inhaltes
  • Floating Teilen Buttons — responsive & anpassbar, vertikal & horizontal
  • Zähler — schnell & offiziell Zähler teilen im selben Stil
  • Folgen Buttons — Social Media-Links zu Deinem Instagram, YouTube, Discord, Snapchat
  • Bild Teilen Buttons – Teilen Buttons zum Teilen von Bildern
  • Vector Teilen & Folgen Buttons — individuelle Farbe SVG Icons
  • Individuelle Teilen-Icons — verwende Deine eigenen, wenn Du das bevorzugst.
  • Offizielle Buttons inklusive Facebook Like Button, Pinterest Save Button und LinkedIn Share Button
  • Universelles Teilen mit E-Mail macht das Teilen einfach via Gmail, Yahoo! Mail, Outlook.com (Hotmail), AOL Mail, und andere Web- oder eigene Apps

Individuelle Patzierung & Darstellung

  • Vor dem Inhalt, nach dem Inhalt oder vor & nach dem Inhalt
  • Vertikale Floating Share Bar und Horizontale Floating Share Bar
  • Als Shortcode, in einem Widget oder im Layout des Themes
  • Programmiert mit template tags

Analytics Integration

  • Automatic Google Analytics Integration (Access Guide) für Sharing Analytics
  • Folge geteilten Links mit Bitly und individuellen URL Shortenern
  • Zeige Share-Buttons auf Beiträgen und Seiten

WordPress optimiert

  • Lädt asynchron, sodass dein Inhalt immer vor oder parallel mit AddToAny lädt
  • Unterstützt Theme-Merkmale wie HTML5, Widgets, unendliches Scrollen, Beitragsformate
  • Unterstützt WooCommerce, mehrsprachige Websites, Multisite-Netzwerke und Standards der Barrierefreiheit
  • AddToAny kostenlos — keine Anmeldung, kein Login, kein Konto, das zu verwalten ist.

Optimiert für mobile Anzeige & Retina Ready

  • AddToAny lässt den Usern die Wahl, Inhalte über die App des Anbieters oder eine Web-App zu teilen
  • Responsive Floating Share Buttons sind standardmäßig für mobile Ausgabe eingerichtet und mit anpassbaren Breakpoints funktionieren sie mit jedem Theme
  • AddToAny’s SVG Icons sind extrem leichtgewichtig und pixelgenau bei jeder Größe. AddToAny’s Responsive Share Menu passt sich allen Displays an.
  • Automatischer AMP (Accelerated Mobile Pages) Support für Social Share-Buttons auf AMP-Seiten

Anpassbar & erweiterbar

  • Wähle, wo genau AddToAny aufscheint
  • Einfaches Anpassen des Teilens auf deiner WordPress Site
  • Umfangreich erweiterbar für Entwickler und Designer
  • Verwende individuelle Icons aus einer beliebigen Quelle (Medien Uploads Verzeichnis, CDN, etc.)
  • Viele weitere Optionen für Herausgeber und Benutzer

Umfassender Support

  • Mehr als 10 Jahre Entwicklung
  • Über 16 Millionen Downloads
  • Übersetzt in dutzende Sprachen
  • Laufender Support durch die Community

Dieses Plugin möchte immer das beste WordPress-Plugin für Sharing sein. Die Entwicklung wird unterstützt durch dein Feedback.

Teile dieses Plugin

Siehe auch:

AddToAny Blog | Datenschutz

Screenshots

  • AddToAny Vector Share Buttons (SVG Icons) sind pixelgenau und anpassbar
  • Kleines Share-Menü, das aufklappt, sobald Besucher den Universellen Share-Button verwenden
  • Komplettes universelles Share-Menü, das alle Dienste beinhaltet
  • Einstellungen für Standard Share-Buttons
  • Einstellung für Floating Share-Balken

Installation

In WordPress:

  1. Gehe zu Plugins > hinzufügen > suche nach addtoany
  2. Drücke „Installieren“ für das AddToAny Plugin
  3. Drücke „Plugin Aktivieren“

Händische Installation:

  1. Upload des add-to-any Verzeichnisses in das /wp-content/plugins/ Verzeichnis
  2. Aktiviere das Plugin im „Plugins“ Menü in WordPress

WP-CLI installation:

  1. wp plugin install add-to-any --activate

FAQ

Wo sind die Einstellungen und wie kann ich Share-Buttons individuell anpassen?

In WordPress, gehe zu Einstellungen > AddToAny.

Einrichtung Follow Buttons (wie Instagram, YouTube, etc.) durch Verwendung des AddToAny Follow Widgets in Design > Widgets (or Design > Customizer).

Für weitere Anpassungen von AddToAny, siehe die WordPress Sharing Dokumentation für das AddToAny Plugin. Viele Anpassung erfordern es, dass du eine oder mehrere Codezeilen kopierst und in deine „Additional JavaScript“ oder „Additional CSS“ Box einfügst. Diese Boxen findest du in Einstellungen > AddToAny.

Irgendetwas ist falsch. Was soll ich zuerst tun?

Versuche den möglichen Konflikt zu finden indem du Themes und andere Plugins zeitweise deaktivierst. Falls du fündig wirst, versuche den Theme- oder Plugin Autor zu kontaktieren. Falls das Problem auch bei aktiviertem Standard-Theme und deaktivieren Plugins weiter besteht, suche weiter im WordPress Plugin Support Forum.

Poste jederzeit hier, wo dir die Community hoffentlich helfen kann. Beschreibe das Problem, welche Problemlösungen du schon versucht hast, hinterlasse einen Link zu deiner Site und andere relevante Informationen.

Die Share-Buttons werden bei mir nicht angezeigt- Warum und was kann ich ausprobieren?

Etwas in deinen eigenen Browsern, Geräten, Verbindungen filtert wahrscheinlich die wesentlichen Social Buttons aus

Versuche einen anderen Browser, ein anderes Gerät und/oder Internetverbindung um zu prüfen, ob die Buttons angezeigt werden. Tools wie browserling.com oder browserstack.com zeigen dir, was andere Leute sehen. Der Grund für dieses ungewöhnliche Verhalten ist meistens ein Browser Add-on das Werbung blockiert und optional auch die Buttons sozialer Netzwerke ausfiltert. Einige Sicherheits-Apps und Internetverbindungen verfügen ebenfalls über eine solche Filter-Funktion. Normalerweise ist ein solcher Filter standardmäßig nicht aktiviert – falls du jedoch eine Software findest, die ein unpassendes Verhalten zeigt, informiere bitte AddToAny.

Was ist der Shortcode für das Teilen?

Du kannst deine Share-Buttons genau dort anzeigen, wo du es möchtest, indem du den nachstehenden Shortcode einfügst:

[addtoany]

Passe die geteilte URL so (oder ähnlich) an:

[addtoany url="https://www.example.com/page.html" title="Some Example Page"]

Zeige spezifische Share-Buttons durch die Eingabe von komma-getrennten Service Codes:

[addtoany buttons="facebook,mastodon,email"]

Teile ein spezifisches Bild oder Video auf einem Service, das beliebige Medien akzeptiert (Pinterest, Yummly, Houzz,):

[addtoany buttons="pinterest,yummly,houzz" media="https://www.example.com/media/picture.jpg"]

Für das Teilen auf Facebook: wie kann ich das Beitragsbild und die Beschreibung festlegen, die Facebook verwendet?

Facebook erwartet, dass Titel, Beschreibung und Vorschaubild einer geteilten Seite in den Open Graph Meta Tags dieser Seite definiert werden.

Verwende den Facebook Sharing Debugger auf deinen Seiten, um zu sehen, wie Facebook deine Website liest. „Scrape Again“ um Änderungen auf deiner Site zu testen und den Facebook Cache zu löschen oder verwende den Batch Invalidator um den Facebook Cache von mehreren URLs zu leeren.

Um Titel, Beschreibung und/oder Bild auf Facebook zu ändern, sollte die Header-Datei deines Themes modifiziert werden, entsprechend der Facebook OpenGraph Spezifikation. Bei WordPress kann dies mit Plugins erreicht werden, wie Yoast SEO oder der Social Meta Funktion von All in One SEO Pack. Siehe diese Plugins für Details und suche im WordPress Forum oder bei den Autoren nach weiterer Unterstützung.

Für technische Informationen über die Vorbereitung deiner Seiten für Facebook siehe „Sharing Best Practices for Websites“ in der Facebook Dokumentation.

Warum werden die Share-Links über AddToAny geroutet?

AddToAny-Routing ermöglicht Individualisierungen für Herausgeber und Besucher und macht das AddToAny Plugin bemerkenswert schlank ohne die Notwendigkeit für oftmalige Updates. Mit AddToAny Menüs bekommen die Besucher genau jene Services, die sie tatsächlich nutzen. Auf mobilen Geräten bietet AddToAny die Auswahl zwischen der eigenen App eines Services oder der mobilen Website und speichert diese Einstellung für das nächste Teilen. Herausgeber können die Vorteile des AddToAny Services nützen, wie Email Vorlagen, individuelle Paramter, URL shorteners, Lokalisierung und mehr. Genau wie sich Service Icons ändern, so ändern sich auch Service-Endpunkte – AddToAny wird täglich aktualisiert, um alle Änderungen zu übernehmen.

Wo befinden sich Buttons wie Instagram, YouTube, Snapchat?

Verwalte Deine Social-Media Profil-Links durch Hinzufügen des „AddToAny Follow“ Widgets in Design > Customizer or Design > Widgets.

Wie kann ich individuelle Icons verwenden?

Lade die Sharing Icons in ein öffentliches Verzeichnis und stelle dabei sicher, dass die Icon-Dateinamen denen im AddToAny-Plugin entsprechen. In WordPress, gehe zu Einstellungen > AddToAny > Advanced Options > check die „Verwende Custom Icons“ Checkbox und speichere die URL zum gerade verwendeten Verzeichnis (inklusive Trailing /). Für den AddToAny Universal Button, gehe zu Universal Button, wähle „Bild URL“ und speichere die exakte Adresse deines AddToAny Universal Share Icons (inklusive Dateiname).

Wie kann ich die Share-Buttons in einem bestimmten Bereich meiner Website anzeigen?

Platziere diesen Code-Block mit Hilfe eines Code-Editors an der Stelle des Themes, an der die Buttons und individuellen Icons angezeigt werden sollen.

<?php if ( function_exists( 'ADDTOANY_SHARE_SAVE_KIT' ) ) { ADDTOANY_SHARE_SAVE_KIT(); } ?>

Du kannst den/die AddToAny Service Code(s) spezifizieren um spezielle Share-Buttons zu zeigen, zum Beispiel:

<?php if ( function_exists( 'ADDTOANY_SHARE_SAVE_KIT' ) ) { 
    ADDTOANY_SHARE_SAVE_KIT( array( 
        'buttons' => array( 'facebook', 'mastodon', 'email', 'whatsapp' ),
    ) );
} ?>

Um die geteilten URL und Titel anzupassen:

<?php if ( function_exists( 'ADDTOANY_SHARE_SAVE_KIT' ) ) { 
    ADDTOANY_SHARE_SAVE_KIT( array( 
        'linkname' => 'Example Page',
        'linkurl'  => 'https://example.com/page.html',
    ) );
} ?>

Um die aktuelle URL und den Titel zu teilen (benutzerseitig entdeckt)

<?php if ( function_exists( 'ADDTOANY_SHARE_SAVE_KIT' ) ) { 
    ADDTOANY_SHARE_SAVE_KIT( array( 'use_current_page' => true ) );
} ?>

Um die geteilte aktuelle URL direkt zu codieren und den Titel zu ändern (serverseitig)

<?php if ( function_exists( 'ADDTOANY_SHARE_SAVE_KIT' ) ) { 
    ADDTOANY_SHARE_SAVE_KIT( array( 
        'linkname' => is_home() ? get_bloginfo( 'description' ) : wp_title( '', false ),
        'linkurl'  => esc_url_raw( home_url( $_SERVER['REQUEST_URI'] ) ),
    ) );
} ?>

Um ein spezifisches Bild oder Video auf einem Service zu teilen, das beliebige Medien akzeptiert (Pinterest, Yummly):

<?php if ( function_exists( 'ADDTOANY_SHARE_SAVE_KIT' ) ) { 
    ADDTOANY_SHARE_SAVE_KIT( array( 
        'buttons'   => array( 'pinterest', 'yummly' ),
        'linkmedia' => 'https://www.example.com/media/picture.jpg',
        'linkname'  => 'Example Page',
        'linkurl'   => 'https://www.example.com/page.html',
    ) );
} ?>

Wie kann ich die Follow-Buttons in einem speziellen Bereich meiner Website anzeigen?

Siehe die unterstützen Follow-Dienste für die Bezeichnung der Service-Codes, dann füge den Beispielcode in die Datei(en) deines Themes dort ein, wo du die Follow-Buttons anzeigen möchtest:

<?php if ( function_exists( 'ADDTOANY_FOLLOW_KIT' ) ) {
    ADDTOANY_FOLLOW_KIT( array(
        'buttons' => array(
            'facebook'  => array( 'id' => 'zuck' ),
            'instagram' => array( 'id' => 'kevin' ),
            'tumblr'   => array( 'id' => 'photomatt' ),
        ),
    ) );
} ?>

Wie kann ich eigene Share-Buttons hinzufügen?

Du kannst den nachstehenden Beispiel-PHP Code mit einem „Funktionsplugin“ wie z.B. Code Snippets hinzufügen.

function addtoany_add_share_services( $services ) {
    $services['example_share_service'] = array(
        'name'        => 'Example Share Service',
        'icon_url'    => 'https://www.example.com/my-icon.svg',
        'icon_width'  => 32,
        'icon_height' => 32,
        'href'        => 'https://www.example.com/share?url=A2A_LINKURL&title=A2A_LINKNAME',
    );
    return $services;
}
add_filter( 'A2A_SHARE_SAVE_services', 'addtoany_add_share_services', 10, 1 );

Wie kann ich einen individuellen Follow-Button hinzufügen?

Du kannst den nachstehenden Beispiel-PHP Code anpassen und ihn mit einem „Funktionsplugin“ wie z.B. Code Snippets hinzufügen.

function addtoany_add_follow_services( $services ) {
    $services['example_follow_service'] = array(
        'name'        => 'Example Follow Service',
        'icon_url'    => 'https://www.example.com/my-icon.svg',
        'icon_width'  => 32,
        'icon_height' => 32,
        'href'        => 'https://www.example.com/${id}',
    );
    return $services;
}
add_filter( 'A2A_FOLLOW_services', 'addtoany_add_follow_services', 10, 1 );

Wie kann ich die Standard Sharing-Buttons zentriert oder rechtsbündig auf Beiträgen anzeigen?

Es hängt von deinem Thema ab, aber die kannst versuchen das nachstehende CSS in deine ‚Zusätzliches CSS-Box‘ in Einstellingen > AddToAny einzufügen.

rechts ausrichten:

.addtoany_content { text-align:right; }

zentriert ausrichten:

.addtoany_content { text-align:center; }

Wie kann ich die Buttons von ausgewählten Beiträgen und Seiten entfernen?

Uncheck der Checkbox „Zeige Sharing Buttons“ beim Bearbeiten eines Beitrages oder einer Seite, die sich neben dem Editor befindet. Vergiss nicht, danach die Änderung zu speichern oder zu veröffentlichen.

Die ältere Methode ist, den folgenden Code im HTML-Tab der Seite/des Beitrages einzufügen, auf der/dem die Buttons nicht angezeigt werden sollen: <!--nosharesave-->

Wie kann ich die Buttons auf ausgewählten Beiträgen und Seiten anzeigen?

Check der Checkbox „Zeige Sharing Buttons“ beim Bearbeiten eines Beitrages oder einer Seite, die sich neben dem Editor befindet. Vergiss nicht, danach die Änderung zu speichern oder zu veröffentlichen. Mit der Standard-Einstellung wird AddToAny auf allen Seiten und Beiträgen angezeigt.

Ein ältere Methode war, den nachstehenden Tag in den HTML-Tab des Beitrages/der Seite einzufügen, auf dem/der du die Buttons anzeigen möchtest: <!--sharesave-->

Wie kann ich die Buttons von Kategorie-, Tag-, Autor-, Datum- und Suchseiten entfernen?

Gehe zu Einstellungen > AddToAny > deaktivieren „Anzeige an Anfang oder Ende von Beiträgen auf Archivseiten“. Archivseiten sind Seiten mit Kategorien, Schlagwörtern, Autorseiten, Datumsarchive oder auch Suchergebnisse.

Wie kann ich die Buttons durch Programmieren entfernen?

Du kannst AddToAny teilen deaktivierenmit einem Filter (PHP code) den Du mit einem „Funktionsplugin“ wie z.B. Code Snippets hinzufügst.

Deaktiviere AddToAny Sharing in ausgewählten Kategorien, z.B.:

function addtoany_disable_sharing_in_some_categories() {
    // Examples of in_category usage: https://codex.wordpress.org/Function_Reference/in_category
    if ( in_category( array( 'my_category_1_slug', 'my_category_2_slug' ) ) ) {
        return true;
    }
}
add_filter( 'addtoany_sharing_disabled', 'addtoany_disable_sharing_in_some_categories' );

Deaktiviere AddToAny Sharing auf einem Custom Post Type, z.B.:

function addtoany_disable_sharing_on_my_custom_post_type() {
    if ( 'my_custom_post_type' == get_post_type() ) {
        return true;
    }
}
add_filter( 'addtoany_sharing_disabled', 'addtoany_disable_sharing_on_my_custom_post_type' );

Kann ich einen vertikal floatenden Ballen mit Share-Buttons relativ zum Inhalt positionieren?

Gehe zu Einstellungen > AddToAny > Floating > wähle „an den Inhalt anhängen“ dann gib die CSS Selektoren ein, die zum HTML Element gehören, zu dem zu anhängen möchtest.

Ist AddToAny DSVGO-konform?

Ja, AddToAny iststandardmäßig DSVGO-konform.

Wie kann ich die Buttons nach dem Inhalt laden mit Ajax und Infinite Scroll?

AddToAny unterstützt das standard post-load Ereignis.

Ajax und Infinite Scroll Plugins/Themes sollten immer das post-load Ereignis nach dem Einfügen des Inhalten anstoßen. Fordere deshalb standard post-load Support von Plugin & Theme Autoren als erforderlich an.

Verwende die nachstehende Zeile um das Post-load Ereignis für AddToAny und andere Plugin anzustoßen:

jQuery( 'body' ).trigger( 'post-load' );

Wie kann ich das Plugin als „Pflicht“ definieren, das auf allen Sites automatisch geladen und aktiviert wird?

Upload des add-to-any Plugin-Verzeichnisses in das /wp-content/mu-plugins/ Verzeichnis. Dann erstelle eine Proxy PHP Loader Datei (wie load.php) in deinem mu-plugins Verzeichnis, zum Beispiel:

<?php require WPMU_PLUGIN_DIR . '/add-to-any/add-to-any.php';

Rezensionen

21. August 2024 4 Antworten
It does everything you need it to, and it’s not limited to Facebook, Twitter, and Instagram. It’s one of the only sharing plugins that allows you to add a button to directly just copy the link. It’s the only sharing plugin I could find that includes Bluesky and Mastodon and large mainstream social networks. You can customize the colour of the sharing buttons, which is a huge plus for coordinated branding on your site. And final note, it is not intuitive to change the padding around the sharing buttons. Here’s the CSS I used (in the plugin settings): .addtoany_content { text-align:center; padding-top: 30px; } To the developer: Thank you for spending time making this plugin available to everyone!
12. August 2024
After installed and configured, it only appears on my computer, if I open the page on other computers it is as if I had nothing installed and there is also no easy communication with support
Alle 1.096 Rezensionen lesen

Mitwirkende & Entwickler

„AddToAny Share Buttons“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„AddToAny Share Buttons“ wurde in 27 Sprachen übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „AddToAny Share Buttons“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

1.8.11

  • Update AddToAny core script loading
  • Add changelog.txt to the plugin directory

See changelog.txt in the plugin’s directory for the full changelog.