Facebook Like button problem s sliko

V magento se mučim integrirat Facebook Like, nočem nobenih pluginov ker mi ne delujejo pravilno.

Delam preko tega vodiča z njihovo HTML kodo http://developers.facebook.com/docs/reference/plugins/like/ . v href=" " fb polje preko PHPja vlečem URL na sledeč način:

<script src="http://connect.facebook.net/en_US/all.js#appId=235900063097071&amp;xfbml=1"></script><fb:like href="<?php echo curPageURL(); ?>" send="true" layout="button_count" width="190" show_faces="true" action="recommend" font="arial"></fb:like>

Like pa Send lepo delajo, vendar mi za sliko katero prikaže potem na wallu izbere kr neko.

Poizkušal sem že z Open Graph Tagi , vendar brez uspeha. Recimo

<meta property="og:title" content="Stran" />
<meta property="og:type" content="product" />
<meta property="og:url" content="http://stran-produkta/produkt.html" />
<meta property="og:image" content="http://pot-do-slike/neka-slika.jpg" />
<meta property="og:site_name" content="Stran" />

Imam tudi <hml> značko urejeno

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="sl" lang="sl">

Ne vem kje bi še bil problem, da ne morem definirat katro sliko naj črpa?

Hvala

19 odgovorov

Btw se je že mogoče kdo od vas ukvarjal z desno poravnavo Like in Send gumba?

Nekaj vodičev sem gledal, da moraš parameter width od plugina nastavit na 0 (width="0") in celoten plugin spravit v <div style="position:relative; right:-25px"> , samo to meni ni delovalo. Ker je širina plugina različna med ne lajkanim ali pa če so že lajki. Pri že lajkanem gumbu se zraven pojavi še okenco od counterja in je s tem celoten plugin širši. Imam pa button_count layout.

Tole bo kar težka ...

Po mojem je bi bilo najhitreje, da narediš tabelo in jo razdeliš na dva stolpca. V desnega daš kodo in nastaviš širino, ki jo misliš, da je ustrezna.

Imam enak problem s sliko v Opencart sistemu. Ko kliknem like mi prikaže napačno sliko.
Koda, ki jo uporabljam:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/product&product_id='.$this->request->get['product_id']); ?>&amp;layout=standard&amp;show_faces=false&amp;width=280&amp;action=like&amp;colorscheme=light&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:270px; height:35px;" allowTransparency="true"></iframe>

Kakšna rešitev?

Potrebno je uporabiti meta oznake, ki Facebooku povedo, kje najde sliko, več info boš našel tukaj

1

Se jaz:
na http://sketchrolls.com/ mam problem na prvi strani s sheranjem.
Kljub OG meta oznakam mi ne uspe, da bi pobralo sliko in kaksen opis.

Imam pa:

<meta property="og:title" content="Sketch Rolls - best sketching app for Ipad" />
<meta property="og:type" content="product" />
<meta property="og:url" content="http://sketchrolls.com" />
<meta property="og:image" content="http://sketchrolls.com/images/SketchRolls_Icon_72x72.png" />
<meta property="og:site_name" content="sketchrolls.com" />
<meta property="og:description" content="Sketch Rolls is a simple, yet powerful sketching and sharing application for the iPad."/>
<link rel="image_src" href="http://sketchrolls.com/images/SketchRolls_Icon_72x72.png" />

Kaj lahko se naredim? Hocemo imeti stetje lajkov in hkrati da se pobere slika + opis, predvsem za FB in likedin...

deluje tudi, če nimaš teh meta og tagov, saj vzame meta description za text in image_src za sliko

1

Uporabljajte linterja in vam bo lažje, saj vam vrne podatke, ki jih FB dobi, hkrati osveži pobrane podatke in prikaže napake, če obstajajo (link: http://developers.facebook.com/tools/debug)

Meni link na FB lepo pokaze podatke in sliko, kot da zna izlusciti podatke, samo ko probam lajkat, ni nic...
Kaj lahko se naredim? Ostale META oznake kot je description?