Share or Facebook Like

Facebook hat den Share Botton abgelöst durch das Like doch nachdem das verhalten des Like Buttons nicht mehr dem entspricht was er ursprünglich war. Hab ich auf einigen WordPress Blogs eine share funktion hinzugefügt. Ein weiterer vorteill der Besucher kann mit Gruppen und Pages auch Teilen welches Like nicht so einfach erlaubt. Auch als zum testen des like share verhaltens ist er hilfreicher als jedesmal den Facebook Debugger zu besuchen.

Damit das funtkioniert mit der empfohlenen Facebook Connect code muss man nur eins beachten , das Share script darf nicht vor Fb:init kommen sonst verbindet sich Facebook connect nicht. bzw es gibt es einen bösen Fehler. Eine weitere problem kann entstehen bei Fremdspachigen Entwickler oder Multilingualen Webseiten. Fb ladet seine widgets jeweils in der Sprache des Blogs welche in der ersten Zeile festgesetzt werden. en-EN wird nicht mehr erkannt Änderung des fb:init codes in en-US und es funkt wieder.

js.src = "//connect.facebook.net/en_US/all.js";
Facebook like : Uncaught TypeError: Object #<an Object> has no method ‘provide’

Share Code: 

<span style="float: right; margin-left: 2px;"><a name="fb_share" type="button" class="meta" href="<?php the_permalink() ?>"></a></span> 


Das Share Script wird am ende im footer.php geladen eingefügt möglichst am ende. 

<script src="https://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

In guter Nachbarschaft zum Pinterest Script

Die Facebook connect part welches man entweder selber einfügt oder durch die meisten Facebook WP Plugins eingebunden wird.  Unter den Facebook Entwickler gab es einige wilde Vorschläge auf Stockoverflow Pavel hat zum Glück meine  Suche beendet. 

Facebook Connect
<div id="fb-root"></div>      <script>	    window.fbAsyncInit = function() {          FB.init({            appId      : 'xxxxxxxxx',            status     : true,             cookie     : true,            xfbml      : true,            oauth      : true,          });        };        (function(d){           var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}           js = d.createElement('script'); js.id = id; js.async = true;           js.src = "//connect.facebook.net/en_US/all.js";           d.getElementsByTagName('head')[0].appendChild(js);         }(document));      </script>

Die Einbindung fon Loggin kann dan einfach via an beliebiebiger stelle eingefügt werden

<div class="fb-login-button" scope="email,user_checkins">Login with Facebook</div>

 

Mit den gewünschten rechten für WP kann man diesen auch als Menü punkt einfügen da WordPress auch html als Page Titel akzeptiert. Eventuel etwas prominenter palziert als in der Seitenleiste. 

official Share Facebook Docs