WordPress-Plugin: 2-Click Social Media Buttons

2-Click Social Media Buttons

Die Diskussion um den Datenschutz bei der Einbindung von Social Media Buttons reißt einfach nicht und es herrscht immer mehr Unsicherheit, wie und ob überhaupt man diese Buttons noch einbinden darf. Die Lösung ist es, wenn man nicht gleich beim Laden der Seite diese Buttons anzeigt, sondern den geneigten Besucher dazu auffordern muss, diese nachladen zu lassen, natürlich mit einem entsprechenden Hinweis.

Eine schöne Lösung fand sich bei heise.de und auf Grund der großen Nachfrage wurden Webmaster aufgefordert dieses nach zu bauen. So habe ich mir entschieden daraus ein WordPress-Plugin zu erstellen. Dies beinhaltet momentan Facebook-Like/Empfehlen, Twitter und Google+.

Das Plugin selbst setzt sich unter den Artikel (nur in der Einzelansicht, nicht im Index/Loop) und baut dort eine dezente Leiste mit den Möglichkeiten ein. Auch gibt es durch explizite Einstellungen die Möglichkeit festzulegen, welche Buttons auf der Seite immer geladen werden sollen. Somit sollte wohl dem Datenschutz genüge getan sein.

In Planung ist demnächst noch eine Einstellungsseite für den Twitterbutton und noch einige weitere Extras. Also lasst euch überraschen.

Werbung

wpShopGermany - Das erste echte WordPress Shop-Plugin für Deutschland

Über H.-Peter Pfeufer

Ich bin Webentwickler/ -programmierer aus Leidenschaft, WordPressbegeistert und ab und an auch mal ein netter Mensch.
Vor allen schreibe ich über alles was mit den Themen Webentwicklung/ -programmierung und WordPress zu tun hat. Nebenher auch mal einige Gedanken zu allgemeineren Themen.

Kategorie(n): WordPress-Plugins
Tags: , , , , , ,
Setze ein Lesezeichen auf den Permalink.

671 Antworten auf WordPress-Plugin: 2-Click Social Media Buttons

    Stefan sagt:

    Danke für das tolle Plugin. Funktioniert tadellos und ist extrem leicht einzubinden! Dankeschön!

  1. Der vom Plugin momentan ausgegebene JavaScript-Code verursacht Probleme in älteren Internet Explorern, folgender Patch behebt diese: http://pastebin.com/63cLwtnE

    Ältere IEs verkraften Kommas am Ende von Objekt-Literalen nicht und werfen kryptische Fehlermeldungen.

    • Aktualisierter Patch für Version 0.27.1 des Plugins: http://pastebin.com/jFmu4Ldn

    • Definiere “ältere” Internet Explorer ….

      Ich teste das bis runter zu IE8. Aus Gründen, die ich hier nicht weiter ausbreiten will, interessiert mich schon mal gar nicht, was der IE6 davon hält und der IE7 ist statistisch eigentlich auch nicht wirklich relevant. Ich mein, wir stehen kurz vorm IE10, da kann man doch mal updaten, oder?

      • Persönlich stimme ich zu und interessiere mich für nichts älter als IE9. Unsere Kunden lassen sich davon aber wenig beeindrucken. Wir sind froh, dass IE6 praktisch keine Relevanz mehr hat und nur sporadisch auftaucht. IE7 ist aber vorerst weiterhin das minimale Übel. Und eine minimale Anpassung wie diese hier tut niemandem weh.

  2. Danke für das klasse Plug-in. Wenn ich mir dazu noch etwas wünschen dürfte, dann
    1. dass der Link zur Info ein neues Fenster öffnet und nicht von der Seite wegführt und
    2. die Abstände zwischen den Buttons variabel einstellbar gemacht werden
    Super Arbeit sonst! Smilie: :)

    • Holla Ralf.

      Erst mal, danke für das Lob Smilie: :-)
      Jedoch muss ich Dich zu Deinen Anliegen leider etwas enttäuschen.
      1. Nein, ich schreibe dem Nutzer nicht vor, wann sein Browser wie und wo welche Links öffnet. Der Nutzer ist – entgegen der weitläufigen Meinung – durchaus selbst in der Lage zu entscheiden, wie er einen Link öffnen will. Der Rechtsklick oder gar die mittlere Maustaste (Mausrad) sind schon lange keine Unbekannten mehr. Das bekommt sogar meine Mutter in den Griff, ohne das ich ihr das zeigen musste. Smilie: :-) Und btw, externe Links führen immer von der Seite weg, das liegt in der Natur der Dinge.

      2. Nein, denn wie ich etwas höher bereits erwähnt habe, sind die aktiven Buttons in der Regel breiter als die inaktiven Dummies. Somit ist die Breite der einzelnen Elemente an die aktiven Buttons angepasst, damit diese beim Aktivieren nichts verschieben oder gar aus dem layout rutschen. Denn es sieht doch reichlich blöd aus, wenn ein Dummiebutton in einer Zeile ist, und beim Aktivieren mit mal der Eigentliche eine Zeile drunter steht.

      • 1. Sorry, aber das sehe ich anders. Es gibt leider immer noch viel zu viele Menschen, die unbedarft auf einen Link klicken und dann in diesem Fall weg sind von der Seite. Man kann aber in unserem Zusammenhang hier davon ausgehen, dass der Leser nicht von der Seite weg will, sondern nur eine kurze Info zu den Buttons lesen will. Da wäre sogar ein Pop-up-Fenster oder Overlay die charmantere Variante. Aber wenn schon Weglink, dann bitte mit target=”_blank”. Du kannst es ja auch den Seitenbetreibern überlassen, wie sie es handhaben möchten… Smilie: ;)

        2. Grundsätlich hast Du natürlich recht. Aber: In meinem Blog (siehe Website) habe ich z.B. die Breite für den Infobutton verändert, damit er in der gleichen Zeile bleibt. Funktioniert wunderbar und bleibt einzeilig. Leider muss ich das nach jedem (der nicht gerade seltenen) Updates immer wieder tun. Und das nicht nur für ein Blog.

        Nun ja. Letztlich ist es Dein Plug-in. Und wünschen darf man ja. Smilie: :)

      • Nun, für Punkt 2 ist die Lösung ganz einfach. Schreib es nicht in das CSS des Plugins, sondern in ein anderes, Man hat ja bei WP genug zur Auswahl. Für solche Anpassungen bietet sich im Übrigen auch ganz hervorragend ein Child-Theme an. Hat den Vorteil, dass man sowohl das Theme (komplett) als auch die Plugins (CSS) anpassen kann, ohne das dies von Updates beeinflusst wird.

        Zu Punkt 1 gibt es keine Diskussion Smilie: :-)

  3. Sorry Ralf, aber hier hat der Pluginersteller absolut Recht und für mich gibt es da auch keine zwei Meinungen. Wie Links geöffnet werden, ist nicht Sache des Webseitenbetreibers, sondern Sache des Benutzers. Und für den gibt es mindestens ein halbes Dutzend Möglichkeiten. Es ist ein absolutes No-Go, den Benutzer zu bevormunden. Wer das unbedingt meint zu müssen, kann den Code des Plugins ja selber anpassen. Aber so etwas muss beim besten Willen nicht auch noch direkt durch das Plugin unterstützt werden. Und wer *aus Versehen* die Seite verlässt, wird ja wohl in der Lage sein, den Zurück-Button zu klicken. So viel darf von einem Internetbenutzer erwartet werden. In XHTML gibt es übrigens überhaupt kein target. Der Code wäre damit also bei vielen Blogs nicht mehr valid.

    Mathias sagt:

    Guten Tag und Danke für dieses Plugin! Es ist zeitgemäß und hilft uns, Nutzerinteressen und Datenschutz unter einen Hut zu bekommen.

    3 Bitten/Fragen:

    1. Wird es zukünftig eine Auswahlmöglichkeit für die Anzeige über und/oder unter dem Post geben?
    2. Ließe sich die Mouseover-Meldung in die Sprachdatei einbinden, so dass wir uns den Hinweis ins “Du” übersetzen können? Bzw. wo kann ich das selbst einstellen, ohne zu tief ins PHP einsteigen zu müssen?
    3. Ein wenig Auswahl für’s CSS wäre hilfreich, z.B. um die Größe der Buttons oder die Abstände dazwischen anzuzeigen. Dazu behelfen wir uns vorerst selbst. Allerdings ist das bei Updates immer heikel.

    Vielen Dank!

    • Holla,

      Zu 1.) Es gibt eine Auswahl für die Anzeige über oder unter dem Beitrag, siehe Einstellungsseite.
      Zu 2.) Siehe Einstellungsseite.
      Zu 3.) Zu dem Theme bitte die letzten Kommentare lesen. Habe ich da schon mehrfach erklärt. Danke.

        Mathias sagt:

        Danke für die schnelle Antwort.

        Wird es zukünftig eine Auswahl “oben und unten” geben?
        Wenn ich den Infotext kopiere und in den Einstellungen auf “Du” geändert habe, verschwindet der Social Share Bereich vollständig. Mit kürzerem Text geht es.
        Zu 3. schau ich mich hier weiter um.
        VG!

    Ernesto sagt:

    Hi, Peter,

    danke für das Plugin. Leider fliegt es mir mit “Fehler: a(“li.facebook div.fb_like img.fb_like_privacy_dummy,li.facebook span.switch”, m).live is not a function” um die Ohren. Alle weiteren JS laufen dabei. Hast Du einen Ansatz, bei dem man zu debuggen beginnen könnte? Danke!

    Viele Grüße,
    Ernesto

  4. @All:

    Ich muss jetzt mal was los werden.
    Ich persönlich finde es super, dass ihr dieses Plugin verwendet, dafür danke. Aber, und das ist mir schon auf einigen Seiten von euch aufgefallen, wenn ihr das tut, ist es völlig sinnfrei, wenn ihr euch die Scripte, die durch das 2-Click Plugin eigentlich erst bei Bedarf geladen werden sollen, durch andre Plugins wieder sofort ins Boot holt. Da helfen dann auch keine Beteuerungen nach dem Motto “2 Clicks für mehr Datenschutz”. Ist dann natürlich Bullshit und kann man sich sparen.

    Wollt ich nur mal angemerkt haben …

    Kai Köpke sagt:

    Leute, ich kenne den Peter ziemlich gut und weiß, daß er sich mit Sicherheit über vernünftige und konstruktive Verbesserungsvorschläge freut.

    ABER: Der Peter macht das ganze hier rein ehrenamtlich und vollkommen kostenlos, ohne auch nur einen Cent dafür zu verlangen (über die eine oder andere Spende über Flattr oder Paypal freut er sich mit Sicherheit). Das Plugin ist für die breite Masse, und ist – was Usability und Gestaltung angeht – nach allgemein üblichen Regeln geschrieben. Wenn ihr euer ganz spezielles, eigenes Plugin, ganz nach euren Wünschen wollt, dann sucht euch einen entsprechenden Entwickler (oder eine Agentur) und bezahlt ihn dafür (nein, Dreimarkachtzig reichen da nicht), anstatt hier irgendwelche Forderungen los zu lassen, wie was zu sein hätte und wie sich wo welcher Link zu öffnen hat!

    Ernesto sagt:

    Vielleicht zur Ergänzung – das Blog, welches die Probleme macht: http://blog.ruhrmobil-e.de/2012/02/16/rekordbeteiligung-beim-car-symposium-2012/

    Ein Wechsel des Themes bringt nichts. Du hast einen guten Teil JQuery Libs mehr als ich (bedingt durch andere Plugins) … und da live() fehlt wäre das ggf. ein Lösungsweg. Ich schaue noch mal selbst weiter …

    • Nach einem Blick auf Dein jQuery ist mir das Problem ganz schnell klar geworden. Uralte Version (1.2.3), aktuell ist 1.7.irgendwas, sollte man vielleicht mal updaten. Ich kann dazu auch ein super Plugin empfehlen – Use Google Libraries, das ersetzt alle wichtigen Libraries durch die aktuellen Versionen aus dem Google-CDN, was den Vorteil hat, das diese auch gleich gecached werden und somit die Ladezeit deutlich besser ausfällt.

        Ernesto sagt:

        Habe nun geupdated mit Installation des Plugins. Die Google Librarys in Version 1.7.1 werden scheinbar auch verwendet – an dem Fehler hat sich leider nicht allzu viel geändert …

      • Falsch, es wird immer noch Version 1.2.3 verwendet. Kommt aus nem andern Plugin von Dir.
        http://blog.ruhrmobil-e.de/wp-content/plugins/wpng-calendar/js/jquery.js

        Ernesto sagt:

        Urgs. Das Plugin hatte ich so gar nicht auf dem Schirm. Dass sich die Plugin-Autoren auch nicht einfach an die Standard-Libs halten können *seuftz*

        Vielen vielen Dank auf jeden Fall! Das mit dem Kaffee sollte ich mir wohl mal überlegen Smilie: ;)

    Dirk sagt:

    Hallo,

    ich bin total zufrieden mit dem Plugin. Es läuft auf meinem Blog auch ohne Probleme, allerdings werden Links die an GooglePlus übergeben werden immer doppelt dargestellt. Ist der Titel zum Beispiel: Dies ist ein Test, steht bei GooglePlus Dies ist ein TestDies ist ein Test
    Meine Suche bei Google ergab das die Übergabe eines OpenGraph dafür verantwortlich ist. Ich konnte diese Phänomen auf das 2-Klick Plugin einschränken, da es erst mit der Installation davon aufgetreten ist. Und sobald ich es Deaktiviere, ist auch alles wieder normal.

    Kann mir zufällig jemand sagen an welcher Stelle im Plugin eventuell etwas verändern kann, damit der Titel (Link) nur noch 1x angezeigt wird?

    Viele Grüße
    Dirk

    • Bevor man sich aufregt, vielleicht erst mal die eignen Plugins prüfen. Irgendeins von denen läd den JavaScript-Code von G+ mit und erstellt somit ebenfalls die Opengraph-Tags. Also sind diese doppelt. Mit andern Worten, erst prüfen, dann, wenn es wirklich ein Fehler des Plugins ist, melden.

      Ich habe nicht die zeit ständig eure Templates und euern HTML-Code zu durchsuchen, nur um dann so etwas festzustellen. Auch bitte ich um etwas Eigenleistung. Viele Lösungen stehen schon in den Kommentaren.

    Dirk sagt:

    Hab zwar nicht gemeckert, aber jetzt weiß ich zumindest bescheid. Plugin Top – Autor flop zumindest was das Benehmen angeht. Statt zu pöbeln demnächst einfach mal ……

  5. [...] persönlicher Favorit ist das zweite Plugin 2-click-socialmedia-buttons von H.-Peter Pfeufer. Es ist fehlerfreier, die Konfigurationsoberfläche erscheint mir aufgeräumter und es ist [...]

    Marco sagt:

    Hallo HP!

    Erstmal danke für das absolut stylische Dings Smilie: :-) Ich habe noch eine Frage. Wie klappt es, dass der Balken nicht nur in der Detailansicht angezeigt wird? Ich habe zuwenig Kenntnisse, das irgendwie mit PHP hinzuklotzen.

    Danke schonmal für deine Antwort und einen schöne Abend!

    • Du hast dafür diverse Checkboxen in den Einstellungen. Im Einzelartikel wird es immer angezeigt, das lässt sich auch nicht ändern. Für alles andere hast Du Optionen.

      Diese sind:
      Auch auf CMS-Seiten anzeigen
      Auch im Artikelindex anzeigen
      Auch im Jahresarchiv anzeigen (Hinweis: Nicht jedes Theme unterstützt diese Option.)
      Auch im Monatsarchiv anzeigen (Hinweis: Nicht jedes Theme unterstützt diese Option.)
      Auch im Tagesarchiv anzeigen (Hinweis: Nicht jedes Theme unterstützt diese Option.)
      Auch in Suchergebnissen anzeigen (Hinweis: Nicht jedes Theme unterstützt diese Option.)
      Auch in Kategoriearchiven anzeigen (Hinweis: Nicht jedes Theme unterstützt diese Option.)
      Auch in Tagarchiven anzeigen (Hinweis: Nicht jedes Theme unterstützt diese Option.)

    • Rene sagt:

      Was soll man sagen ausser Top Arbeit.. Habe die Heise version mal versucht einzubauen aber die wollte nicht so. Das Plugin nun macht es wieder einmal deutlich einfacher.. Super arbeit.

      • Sven sagt:

        Hallo,
        ich nutze das Plugin auch auf meiner Seite. Es funktioniert auch problemlos. Sobald ich aber zb. [important][/important] nutze erscheint in dem [important]-Block nicht nur ein social Button sondern sofort 6 oder 7 gleiche. Dies passiert dann auch unter dem ganzen Artikel Hier ein Beispiel: http://www.dpsg-wesel-flueren.de/dpsg/?p=501

        Gruß Sven

        • Schönen Gruß an den Entwickler des Themes, er soll lernen Shortcodes zu programmieren. In diesen den Content nochmals per apply_filter zu bearbeiten ist völlig unnötig und falsch. Statt

          1
          apply_filters( 'the_content', $content )

          Gehört dort ein simples

          1
          do_shortcode($content)

          hin. Denn auf $content wird später durch WordPress selbst der Filter ‘the_content’ engewendet durch diesen auch plugins ihre Hook erhalten, an dem sie einhaken können. Geschieht dies niin mehrfach, wie in diesem Fall, haken sich Plugins nun mal auch im Shortcode ein.

          Sind die Shortcodes beim Graphene-Theme repariert, sieht das Ganze dann so aus
          Graphene Theme Shortcode Test

          Wie gesagt, schönen Gruß an den Entwickler des Themes.

          Und ich wiederhole, es ist nicht meine Aufgabe eure Themes ständig zu prüfen.
          Wenn es zu fehlerhaften Anzeigen bei euch kommt, prüft bitte erst mit einem anderen Theme, wenn es dort funktioniert, liegt es nicht am Plugin.

        Uli Wessollek sagt:

        Hallo – vielen Dank für die Zeit und Mühe, so etwas herzustellen wie das Theme Grey Opaque oder das Plugin!

        Uli

        Konstantin sagt:

        Hallo Peter,

        ich habe begeistert Dein Plugin zur Kenntnis genommen und bereits fleißig geflattert.
        Leider ist es ja noch nicht möglich viele andere Netzwerke einzubinden. Ich denke speziell an Diaspora*. Ich habe nach einigem Suchen aber eine Abwandlung des Plugins gefunden, die genau das macht. http://digital-adventures.de/blog/2011/09/heise-2-klick-social-buttons-plugin-fur-wordpress/
        Vielleicht wäre es Dir möglich, Diaspora* als Option im nächsten Update einzubinden?

        Das wäre ganz großartig!
        Tausend Dank schon mal für Deine Arbeit!
        Beste Grüße
        Konstantin

        • Deine Begeisterung freut mich.

          Ich bin im Moment dabei den Code des Plugins aufzuräumen, Altlasten raus zuwerfen und generell zu optimieren, damit es endlich mal eine 1.x Version werden kann. Neue Netzwerke werden vorerst nicht hinzukommen, da ich denke mit den angebotenen Netzwerken habe ich die Wichtigsten abgedeckt. Wenn ich jetzt noch anfange alle möglichen andern Netzwerke einzubinden, nimmt das nie ein Ende und es wird einfach völlig unübersichtlich.

      Hinterlasse eine Antwort

      Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

      *

       

      Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>