mindgears.de » plugin

WordPress Plugin: Facebook Share Button Zero Count Fix

Burnt — Wed, 16 Feb 2011 15:03:46 +0000

CLICK HERE FOR ENGLISH VERSION!

Nochmal ein kleines Plugin von mir, das ein kleines aber nerviges Problem mit Facebook behebt!

Wer in seinem Blog den Facebook Share Button mit Zähler verwendet, der kennt das Problem, das eben diese Box mit dem Zählerstand gar nicht erst auftaucht, sofern die URL nicht schon mindestens 3 Mal geteilt wurde. Das sieht dann unter Umständen designtechnisch nicht besonders toll aus:

Was macht das Facebook Share Button Zero Count Fix Plugin?

Das Plugin prüft per jQuery, ob der Zählerstand für eine Anzeige der Zählerbox ausreicht, wenn nicht wird er gegen einen Wert von “0″ bis “2″ ersetzt. Also genau die Werte, die ein nicht angezeigter Zähler theoretisch haben könnte.

Die Installation

Lade das Plugin herunter, installiere und aktiviere es.
Konfiguriere es unter Einstellungen -> FB Share Zero Fix
FERTIG!

Warum kann ich nur einen Wert von 0 – 2 einstellen?

Theoretisch wäre jeder Wert einstellbar. Das Plugin bietet diese Option aus 2 simplen Gründen nicht:

Es ist schlicht und einfach Verarsche Deiner Besucher
Wenn jemand den Button anklickt zeigt er sofort den echten Zählerstand und Du bist sowieso aufgeflogen

Changelog

1.2 – 24.02.2011
- Kompatibilität zu WordPress 3.1 upgedatet

1.1 – 16.02.2011
- Vertipper in Installationsanleitung korrigiert

1.0 – 16.02.2011
- Erstveröffentlichung

English:

Another small plugin which fixes a small but annoying problem with Facebook integration.

If you use Facebook’s share button with counter you know the problem that the counter box is not showing up before the URL is shared at least three times. This is often a problem for your layout/design and doesn’t look very nice:

What is the Facebook Share Button Zero Count Fix Plugin doing?

The plugin makes use of jQuery to determine whether the share count is sufficient for displaying the counter box, and if not, the value of the counter number is changed to “0″, “1″ or “2″. These are exactly the values the not displayed count could theoretically have.

How to Install

Download the plugin, install and activate it
Configure it – Settings -> FB Share Zero Fix
Enjoy!

Why are there only values from 0 – 2 configurable?

Theoretically every value would be possible. This plugin doesn’t have this option for 2 simple reasons:

You would simply be lying to your visitors
If someone clicks your share button again, the faked number immediately disappears and shows the real count, so you’re busted

Changelog

1.2 – 02/24/2011
- Compatibility for WordPress 3.1 added

1.1 – 02/16/2011
- Fixed a typo in installation instructions

1.0 – 02/16/2011
- Initial release

Ähnliche Artikel:

WordPress Plugin: Add Facebook Share Thumbnail + Meta

Burnt — Sun, 13 Feb 2011 20:57:08 +0000

CLICK HERE FOR ENGLISH VERSION!

Ich habe ein kleines WordPress-Plugin veröffentlicht, das endlich mit dem bekannten Problem der “falschen” Thumbnails beim teilen von Blogartikeln auf Facebook Schluss machen soll.
Lange habe ich versucht, das Problem manuell zu lösen – da gab es viele Ansätze, aber keiner führte zu einem zufriedenstellenden Ergebnis. Aber ich konnte Erfahrungen sammeln und diese in mein kleines Plugin packen.

Was macht Add Facebook Share Thumbnail + Meta?

Der Name sagt es eigentlich schon.

Zunächst mal wird aus dem Post Thumbnail (Artikelbild) eine neues Thumbnail in der Größe 90 x 90 Pixel generiert, das speziell für die Facebook Share Funktion gedacht ist. Das ist nötig, da oft die Vorauswahl des gewünschten Thumbnails dadurch verhindert wird, dass das Bild einfach zu lange zum laden braucht und Facebook dann sofort andere auf der Seite vorhandene Bilder vorschlägt.

Diese Erfahrung haben sicher viele schon gemacht, die sich z. B. mit dem üblichen “image_src”-Trick behelfen wollten.

Zweitens fügt das Add Facebook Share Thumbnail + Meta Plugin genau diesen “image_src” Metatag und auch den OpenGraph-Metatag “og:image” im Bereich von Artikeln und Seiten hinzu. Dort wird auf das eigens erstellt 90 x 90 Thumbnail verlinkt.

Damit ist alles getan was man tun kann, um das Artikelbild beim sharen von Bloginhalten als Facebook-Thumbnail zu erhalten.

Die Installation

Prüfe, ob die Zeile add_theme_support(‘post_thumbnails’); in der functions.php Deines Themes vorhanden ist,
Wenn nicht, füge sie hinzu! Sie wird benötigt, um die WordPress-eigenen Thumbnail-Funktionen zu aktivieren.
Lade das Plugin herunter, installiere und aktiviere es.
Lasse Deine Thumbnails neu erstellen. Ich empfehle das Plugin AJAX Thumbnail Rebuild
(Für unseren Zweck genügt das erstellen der Thumbnails in der neu hinzugefügten Größe 90×90)
Das war’s!

Der Mist funktioniert trotzdem nicht! Beim teilen auf Facebook kommt das falsche Bild!

Das kann mehrere Gründe haben, die leider nicht zu ändern sind.

Der häufigste Grund nach einer Neuinstallation:
Facebook scheint die Thumbnails zu cachen. Das heißt, wenn eine URL schon mal geshart bzw. auch nur auf den Share-Button geklickt wurde, merkt sich Facebook die vorhandenen Thumbnails!

Ihr könnt das leicht daran erkennen, das mehrere Bilder zur Auswahl stehen. Mit dem Add Facebook Share Thumbnail + Meta Plugin wird nur noch das Artikelbild zur Wahl gestellt (Bild 1 von 1)! Ab Installation des Plugins neu erstellte Artikel und Seiten sollten dieses Problem auf keinen Fall haben.

Aber sogar gecachte Thumbnails für “alte” Artikel können mit einem kleinen Trick upgedatet werden: Lasst die URL der älteren Artikel durch den Facebook URL Linter überprüfen, dabei wird der Cache für die geprüfte URL bei Facebook geleert und die aktuell gültigen Bilder geladen!

Der andere weitverbreitete Grund:
Wenn Euer Webspace zu lange braucht, um das in den Meta-Tags festgelegt Bild bereitzustellen, dann grast Facebook die geteilte Seite wie üblich nach allem brauchbaren ab und findet in der Regel schnell ladbare winzige Bilder, z. B. sichtbare RSS-, Twitter- Facebook-Icons, kleine Vorschaubilder im beliebteste Artikel Widget usw. Diese Fehlerquelle versucht das Plugin durch das erstellen eines sehr kleinen eigenen Thumbnails weitgehend zu vermeiden.

Wo sind die Optionen?

Im Moment gibt es noch keinerlei Einstellungsmöglichkeiten, das Plugin ist ein “proof of concept”. In Kürze werde ich einige Optionen hinzufügen, wie etwa ein Default-Thumbnail, Thumbnail-Größe und Crop-Option, eventuell werde ich das Plugin auch um sämtliche OpenGraph Metatags erweitern. Wir werden sehen.

Changelog

1.2 – 24.02.2011
- Kompatibilität zu WordPress 3.1 upgedatet

1.1 – 16.02.2011
- Korrekten Plugin Homepage Link hinzugefügt

1.0 – 13.02.2011
- Erstveröffentlichung

English:

I wrote a small WordPress plugin which tries to finally fix the well known problem of the “wrong” thumbnails shown when sharing your blog posts on Facebook.
Long time I’ve tried to get rid of this problem manually – I found many things but never got a satisfying result. But I’ve learned a lot about what impacts this problem and put this experience into my small plugin.

What is the Add Facebook Share Thumbnail + Meta plugin doing?

The name tells it all.

At first it will create another 90 x 90 px sized thumbnail of your post thumbnail, specially assigned for the purpose of Facebook’s share function. This is necessary because the preselection of your favorite thumbnail often gets prevented because it takes too long to load, so Facebook immediately suggests other images found on your page.

You may have encountered this problem by trying the common “image_src” trick.

Then the Add Facebook Share Thumbnail + Meta plugin inserts this required “image_src” meta-tag as well as the OpenGraph “og:image” meta-tag into the area of your blog’s posts and pages. Both tags are linked to the specially created 90 x 90 px thumbnail.

With these methods, everything is done to “force” Facebook to catch the right thumbnail when someone is sharing your content.

How to Install

Check if add_theme_support(‘post-thumbnails’); is existing in your theme’s functions.php file
If not, add this line!
Download the plugin, install and activate it
Rebuild your thumbnails (I suggest using the AJAX Thumbnail Rebuild plugin)
(For this plugin’s purpose, only the 90×90 px thumbnails need to be created/rebuild)
Enjoy!

This shit doesn’t work! I’m still getting the wrong image!

This could have a few reasons we aren’t able to change

The most common reason after installing this plugin:
Facebook seems to cache the thumbnails. This means, if your URL has already been shared or even if someone was only pushing the share button, chances are great that Facebook remembers the existing thumbnails!

You can see this easily, because in this case you will have more than one image to choose from. With the Add Facebook Share Thumbnail + Meta plugin, there should be only your post thumbnail (Image 1 of 1)! Posts and pages created after installation of this plugin should not be affected by this problem at all.

But even the cached thumbnails for “old” posts can be updatet with a little trick: Use the Facebook URL Linter to check your old post’s URL. By doing this, Facebook will clear it’s cache für the given URL and replace the thumbnails with the current images.

The other wide-spread reason:
If your webspace takes too long to serve the image determined in the meta-tags, Facebook will crawl your page for further pictures and surely finds some tiny ones which load nearly instant – e. g. RSS/Twitter/Facebook icons, small post thumbnails of your related posts widget and so on. The plugin is trying to avoid this problem by creating and determining a very small own thumbnail.

I can’t find the options panel?

That’s because there is none, this plugin’s initial release is just a proof of concept. I will add options like default thumbnail, thumbnail size and crop option, and maybe support for all OpenGraph meta-tags shortly. We’ll see.

Changelog

1.2 02/24/2011
- Compatibility for WordPress 3.1 added

1.1 – 02/16/2011
- Added correct plugin homepage link

1.0 – 02/13/2011
- Initial release

Ähnliche Artikel:

WordPress twitterized – 3 Plugins für die Twitter-Integration

Burnt — Fri, 18 Dec 2009 16:27:56 +0000

Grundsätzlich bin ich ja ein relativer Skeptiker, was Hypes, Modeerscheinungen und dergleichen angeht. Meistens liege ich damit ziemlich richtig, gerade was Onlinespielereien betrifft.

Im Falle von Twitter bin ich allerdings falsch gelegen. Lange hielt ich es in erster Linie für relativ nutzlosen Mist, aber hey, viele Dinge sind das, was man selbst draus macht…

Seit ich mit Mindgears wieder aktiv am “Bloggeschäft” teilnehme habe ich Twitter recht schnell zu schätzen gelernt und empfinde es als erstaunlich gute Ergänzung zum Bloggen – gewissermaßen als kommunikatives i-Tüpfelchen. Und die Integration in WordPress ist sehr elegant und unkompliziert lösbar.

Zum einen nutze ich Twitter, um meine (allerdings noch wenigen) Follower über neue Blogposts zu informieren. Das sehe ich als echten Zusatznutzen. Ich benutze dafür das Plugin Tweetly Updater, damit geht das reibungslos und ganz automatisch.

Zum anderen ist da die praktische Retweet-Funktion. Die hält ein Thema am Leben und verbreitet es weiter. Der kleine Button in jedem Post stört nicht weiter, ist total easy zu benutzen und gibt mir als Blogger ein kleines Feedback, welche Artikel anscheinend auf genug Interesse stoßen um sie weiterzuempfehlen. Diese Retweets werden auch als Trackback erfasst und im Blog angezeigt, was dem betreffenden Twitter-User einen Link auf seinen Tweet bzw. seinen Account beschert – so hat der auch etwas davon. Hierfür setze ich das WordPress-Plugin Topsy Widgets ein. Heute gab’s dazu übrigens ein Update, nach dem sich nun auch die Farbe des Retweet Buttons einstellen lässt.

Dann wäre da noch die Möglichkeit, sich mittels OAuth direkt mit seinem Twitter-Account im Blog einzuloggen bzw. zu registrieren. Eine tolle Sache, denn dadurch werden mit kaum Aufwand E-Mail-Adresse, Website und Avatar von Twitter übernommen. Das ist hier realisiert mit dem Plugin Twit Connect.

Ich hoffe, diese 3 Plugins finden Anklang, und eventuell ist dem Ein oder Anderen durch diesen Artikel einiges an Pluginsuche und Testerei erspart geblieben.

Also dann, happy blogging, happy tweeting!

Ähnliche Artikel:

Mingle WordPress Plugin: Deutsche Übersetzung

Burnt — Thu, 26 Nov 2009 21:13:53 +0000

Na, da bin ich doch vor wenigen Stunden über Blair Williams’ gerade mal ein paar Tage junges WordPress Plugin namens “Mingle” gestolpert und war sofort begeistert.

Mingle fügt Deiner Standard WordPress Installation hübsch eingebettet in das eigene Theme ein paar interessante Social Network Funktionen hinzu.

Du bist herzlich eingeladen, das hier und jetzt einfach mal anzutesten. Registriere Dich einfach auf Mindgears und schaue Dir alles in Ruhe an! Eventuell haben Dich ja die “seltsamen” Seitentitel in der Menüleiste oben schon stutzig gemacht – das ist Mingle, und damit ist wohl auch schon größtenteils klar, was Mingle tut.

Zunächst mal bietet Mingle registrierten Benutzern die Möglichkeit, ein öffentliches Profil einzurichten und zu managen. Weiter können Freundschaften mit anderen Benutzern geschlossen und quasi Twitter-like Kurzmitteilungen gesendet werden. Jeder Benutzer hat eine Art Pinnwand, auf der von Anderen ebenfalls Einträge hinterlassen werden können.

Mingle auf deutsch

Mir gefallen die Ansätze dieses neuen Plugins schon jetzt so gut, das ich ihm spontan eine deutsche Übersetzung spendiert habe. Stellenweise wird zwar noch nicht auf die Sprachdatei zurückgegriffen, da Mingle definiv noch stark nach “work in progress” aussieht, aber grob geschätzt 80 % sind damit schon mal eingedeutscht.

Eventuell wird Blair die Sprachdatei im nächsten Release gleich mit dazu packen, wer so lange nicht warten kann bekommt sie gern vorab von mir. Schreibt dazu einfach an bones1979[at]gmx[dot]de.

Ähnliche Artikel: