Facebook Plugins Debuggen kann sehr anstrengend und zeitaufwändig sein.
Deshalb hier 3 nützliche Tools zum debuggen.

 Der Object Debugger

Mit dem Object Debugger  kann man den Antwort Status (Response Status), die exakte URL, sowie die URL weiterleitung, sofern eine gesetzt ist erkennen.

Fehler oder Warnungen werden im 2. Block dargestellt. Der Nutzer kann genau erkennen was zu tun ist. Hier beispielsweise ist das Foto in einer Zu kleine Auflösung dargestellt.
Weiters wurden unpassende Tags verwenden und Metadaten wurden falsch zugeordnet.

Die Object Details werden im 3. Teil der Seite dargestellt.
Datenlänge bzw. Datenmenge, Adresse und Artikeltyp sowie Artikel-titel und Bild gehören zur Darstellung. Zusätzlich werden die Beschreibung, Quelladresse und die letzte Updatezeit dargestellt.

Zuletzt werden die RAW informationen der FBML Daten dargestellt sowie Adressen zum Testen:

  • Die Adresse zur Open Graph API und
  • Die exakten die von der Adresse gezogen wurde.

Beispielsweise hatten wir schon die Situation dass ein Bild nicht aktualisiert wurde, nachdem es auf Facebook gepostet wurde. Durch diese Bookmarklet konnte eine Fehlfunktion der Seite ausgeschlossen werden, zusätzlich wurde nachgewisen das Facebook jedes Bild für eine gewisse Zeitspanne zuwischenspeichert und deshalb kein neues Vorschaubild generiert werden kann.

Das Facebook Developer Debugging Tool öffnet sich hier per Klick.

{code type=Javascript}javascript:var%20d=document,f=’http://developers.facebook.com/tools/debug/‘,l=d.location,e=encodeURIComponent,p=’og/object?q=’+e(l.href);1;a=function(){if(!window.open(f+p,’linter‘,’toolbar=0,status=0,resizable=1,width=1050,height=800′))l.href=f+p};if(/Firefox/.test(navigator.userAgent))%20setTimeout(a,0);else{a()}{/code}

 

Dieses Pop-Up stellt eine beispielhafte Vorschau der Sharebox auf Facebook dar

{code type=Javascript}javascript:%20(function%20()%20{%20function%20d()%20{%20window.alert(„Sorry,%20the%20report%20is%20unable%20to%20run.“)%20}%20var%20a%20=%20document.createElement(„script“);%20a.setAttribute(„src“,%20″http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js“);%20a.setAttribute(„id“,%20″iprReportQuery“);%20document.getElementsByTagName(„head“)[0].appendChild(a);%20var%20b%20=%200;%20var%20c%20=%20setInterval(function%20()%20{%20var%20a%20=%20document.getElementById(„iprReportQuery“);%20window.console.log(a);%20var%20e%20=%20typeof%20a%20==%20″undefined“;%20if%20(!e)%20{%20var%20f%20=%20jQuery.noConflict(true);%20var%20g%20=%20typeof%20f%20==%20″undefined“;%20window.console.log(f);%20if%20(!g)%20{%20clearInterval(c);%20window.console.log(„jQuery%20″%20+%20f.fn.jquery%20+%20″%20has%20been%20injected.“);%20f(document).ready(function%20(a)%20{%20var%20description%20=%20a(‚meta[property|=“og:description“]‘).attr(‚content‘)%20||%20“;%20console.log(‚description%20is%20’%20+%20description);%20var%20title%20=%20a(‚meta[property|=“og:title“]‘).attr(‚content‘)%20||%20“;%20console.log(‚title%20is%20’%20+%20title);%20var%20image%20=%20a(‚meta[property|=“og:image“]‘).attr(‚content‘)%20||%20“;%20console.log(‚image%20is%20’%20+%20image);%20var%20url%20=%20a(‚meta[property|=“og:url“]‘).attr(‚content‘)%20||%20“;%20console.log(‚url%20is%20’%20+%20url);%20var%20qStr%20=%20encodeURI(%20″description=“%20+%20description%20+%20″&title=“%20+%20title%20+%20″&image=“%20+%20image%20+%20″&url=“%20+%20url);%20var%20e%20=%20″http://www.ipullrank.com/tools/og-parse.php?“%20+%20qStr;%20window.console.log(e);%20var%20g%20=%20′<div%20id=“reportWindow“%20style=“width:100%;%20height:100%;%20background-color:#dddddd;%20position:%20fixed;%20top:%200%;%20left:%200%;%20z-index:99999;display:none;“><div%20id=“reportFrame“%20style=“%20position:%20fixed;%20top:%2015%;%20left:%2033%;%20z-index:999999;width:550px;%20height:560px;“><center><a%20id=“iprCloseMe“>Close%20This%20Window</a></center><br%20/><br%20/><iframe%20src=“‚%20+%20e%20+%20′“%20height=“95%“%20width=“100%“></iframe></div></div>‘;%20f(„body“).append(g);%20f(„#iprCloseMe“).bind(„click“,%20function%20()%20{%20f(„#reportWindow“).fadeOut(„slow“)%20});%20f(„#reportWindow“).fadeIn(„slow“)%20});%20return%20}++b;%20if%20(b%20==%2010)%20{%20clearInterval(c);%20window.console.log(„Sorry,%20unable%20to%20inject%20jQuery%20now.“);%20d()%20}%20}%20},%20500)%20})(){/code}

Dieses Plugin ermöglicht die Kontrolle der wichtigsten Tags:

  • og:title:64. Dornbirner Herbstmesse wurde eröffnet
  • og:url:http://www.MeineDomain.com
  • og:type:article
  • og:site_name:MeineDomain.com
  • fb:page_id:53969266331
  • fb:admins:1794666461
  • og:description:Dornbirn – Vorarlbergs Landeshauptmann Markus Wallner (V) hat am Mittwoch die 64. Dornbirner Herbstmesse (5. bis 9. September) eröffnet. Im Zentrum der Feier standen die aktuelle Wirtschaftslage und die Bewältigung von Krisen in Unternehmen und Euro-Staaten durch verstärkte Zusammenarbeit.
  • og:image:http://MeineDomain.com/2012/09/modeschau-140×140.jpg

{code type=Javascript}javascript:$=jQuery;if($(‚#myogdiv‘).length!==0){$(‚#myogdiv‘).hide().remove();}else{var%20myogdiv=$(‚<div%20id=“myogdiv“/>‘);$(‚body‘).append(myogdiv);$(‚head%20meta[property^=“og:“],head%20meta[property^=“fb:“]‘).each(function(i,el){var%20k=$(el).attr(‚property‘);var%20v=$(el).attr(‚content‘);$(myogdiv).append(‚<div><b>’+k+‘:</b>’+v+'</div>‘);if(k==’og:image‘){$(myogdiv).append(‚<br%20/><img%20src=“‚+v+'“/>‘);}});$(myogdiv).css(‚position‘,’fixed‘).css(‚top‘,’0′).css(‚zIndex‘,99999).css(‚padding‘,’0.5em‘).css(‚border‘,’1px%20solid%20red‘).css(‚backgroundColor‘,’white‘);}void(0);{/code}