Archief - Facebook button: language probleem

Jeroen07 · 29 jul 2011

Ik gebruik de XFMBL Facebook like button. Als daar "like" verschijnt dan past die perfect samen met de Google +1 & Twitter button.

Echter, als ik ingelogd ben op Facebook komt daar "vind ik leuk" en is de layout van men website volledig verneukt.

Hoe kan je instellen dat daar automatisch, altijd, "Like" komt te staan?

Zie screenshot voor meer uitleg.

Imageshack - 29072011213014.png

Fr3aK · 30 jul 2011

Als je met XFBML werkt kan je gewoon de locale aan de URL meegeven: http://connect.facebook.net/en_GB/all.js

Ik werk zelf op een bepaalde site nog met het iframe van facebook, daar kan je ook de locale instellen maar vanaf een gebruiker is ingelogd op facebook zal die Like-button en alle tekst in de taal van de gebruiker weergegeven worden. Bij XFBML daarentegen zou het wel moeten werken.

Meer info: Internationalization - Développeurs Facebook

Jeroen07 · 30 jul 2011

<div id="fb-root"></div><script src="http://connect.facebook.net/en_GB/all.js#appId=170380966367288&xfbml=1"></script><fb:like href="http://www.conversal.be" send="false" layout="box_count" show_faces="true" font=""></fb:like>

Doet helaas niets uit, als ik ingelogd ben blijf ik NL zien ....

Fr3aK · 30 jul 2011

Jeroen07 zei:
<div id="fb-root"></div><script src="http://connect.facebook.net/en_GB/all.js#appId=170380966367288&xfbml=1"></script><fb:like href="http://www.conversal.be" send="false" layout="box_count" show_faces="true" font=""></fb:like>

Doet helaas niets uit, als ik ingelogd ben blijf ik NL zien ....

Dan vermoed ik dat zelfs de door XFBML gegenereerde like button de taal van de gebruiker aanneemt.
Ik zou me er niet teveel van aantrekken, zolang het in de taal van de grootste groep gebruikers het er maar goed uit ziet.

EDIT: Ik zie dat je doelgroep sowieso Nederlandstalige klanten zijn, zorg dat die 'social box' op je site breed genoeg is voor "Vind ik leuk", dan zal de "Like" sowieso passen

Jeroen07 · 30 jul 2011

Mja,....

Probleem is dat die "Vind ik leuk"' echt véél te breed is... ongelofelijk lomp eigenlijk

Misschien enkel de Google +1 & Twitter button in die zijbalk zetten, en zo'n bredere "Vind ik leuk" beneden het artikel

dJeez · 30 jul 2011

En als je bij de iframe locale=en_US toevoegt als parameter, werkt het dan ook niet?

Dus :

Code:

<iframe src="http://www.facebook.com/widgets/like.php?locale=en_US&..."></iframe>

Fr3aK · 30 jul 2011

dJeez zei:
En als je bij de iframe locale=en_US toevoegt als parameter, werkt het dan ook niet?

Dus :

Code:

<iframe src="http://www.facebook.com/widgets/like.php?locale=en_US&..."></iframe>

Heb ik zelf al getest, de locale veranderd sowieso naar die van de ingelogde gebruiker, dus in principe kan je locale enkel gebruiken om mensen zonder facebook van een bepaalde taal te voorzien

-BVR- · 30 jul 2011

ik heb het ook onlangs ontdekt. Zeer hatelijk! Zeker omdat ik net een tutorial erover had geschreven (zie sig) Heb nog niet echt een oplossing gevonden, maar als ik terug thuis ben -nu in ardennen- zal ik eens wat opzoeken en proberen en opt forum van fb wat zagen.

dJeez · 1 aug 2011

Fr3aK zei:
Heb ik zelf al getest, de locale veranderd sowieso naar die van de ingelogde gebruiker, dus in principe kan je locale enkel gebruiken om mensen zonder facebook van een bepaalde taal te voorzien

Hmmm, idd, was mij nog niet opgevallen (maar ik heb dan ook English UK ingesteld als taal). Ik ga dat bij gelegenheid wel nog eens checken, maar dat lijkt mij toch een bug te zijn aangezien de dev docs van FB zelf het tegendeel lijken te beweren (met name dat je wèl de taal kan forceren).

*edit* Alhoewel : http://www.facebook.com/plugins/lik...&action=like&font&colorscheme=light&height=35. Als je doorklikt staat die in 't Engels (ttz de taal die je hebt geselecteerd in je FB profiel als je bent ingelogd), klik dan in de adresbalk en druk op Return. Dan staat 't in 't Spaans... Het enige verschil zou theoretisch gezien zijn dat er bij de eerste request een referer wordt doorgegeven en bij de 2e niet. Als dat klopt kan je via een dom proxy script waarschijnlijk de juiste knop tonen

.

Fr3aK · 3 aug 2011

dJeez zei:
Als dat klopt kan je via een dom proxy script waarschijnlijk de juiste knop tonen .

Wat bedoelt ge dan juist met DOM proxy, als ik het goed voorheb lukt dat toch niet met een iframe vanwege xss beveiliging?

EDIT: Nvm, als ge de code via ne proxy ophaalt moet ge niet meer in een iframe renderen (lange werkdag meh). Kan wel zijn dat het tegen de ToS van FB is... :/

dJeez · 3 aug 2011

Fr3aK zei:
Kan wel zijn dat het tegen de ToS van FB is... :/

Zou mij verbazen als het een script is op dezelfde site. Maar zelfs dan nog : dan moeten ze ofwel hun documentatie of hun scripts maar corrigeren. Het script zou gewoon de like button ophalen zonder een referer door te geven overigens. Maar ik heb nog niet kunnen testen of die theorie effectief klopt.

Fr3aK · 7 aug 2011

Hmm, ik denk dat iemand eindelijk de tijd heeft genomen om dat probleem bij FB op te lossen, gisteren stond mijn like frame voor 't eerst in 't Engels, terwijl ik de en_GB locale al vrij lang gebruik. En ik was weldegelijk ingelogd op FB, met Nederlands als taal.

-BVR- · 7 aug 2011

Jup, probleem is sinds vanmorgen of gisteren opgelost. Thank you FB.

Conversal · 10 aug 2011

Edit, foutje

-BVR- · 10 aug 2011

Conversal zei:
Schitterend dat dit is opgelost, maar nu zit ik met dit:

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=119133614848436&xfbml=1"></script><fb:like href="http://www.xxxxxx.be" send="false" layout="box_count" width="45" show_faces="false" action="like" font=""></fb:like>

Als ik de breedte daar bv. aanpas naar "55" dan verandert er gewoon niets... In de Iframe werkt dit nochtans wel. Hoe kan je in die XMFBL code correct de breedte aanpassen?

En hoe stel je in dat de URL die geliked wordt, de pagina waarop je momenteel zit? (Dus niet steeds je homepage...)

De width van box_count is minimaal 51px (zo breed is de knop als je het meet), dus het logisch dat dat niet kleiner wordt; die width ligt eigenlijk zo goed als vast.

box_count - displays the total number of likes above the button. Minimum width: 55 pixels. Default width: 55 pixels. Height: 65 pixels.

In't vervolg beter de documentatie lezen voor je iets gebruikt.

Het andere dat je wil, kan je met php wel neem ik aan. Een function roepen die de huidige url zoekt en echo't. Hier weet'k echter niet genoeg van.

Jeroen07 · 10 aug 2011

BramVroy zei:
De width van box_count is minimaal 51px (zo breed is de knop als je het meet), dus het logisch dat dat niet kleiner wordt; die width ligt eigenlijk zo goed als vast.

In't vervolg beter de documentatie lezen voor je iets gebruikt.

Het andere dat je wil, kan je met php wel neem ik aan. Een function roepen die de huidige url zoekt en echo't. Hier weet'k echter niet genoeg van.

Klopt niet... Ik heb zo'n button op mijn site en die is 45px breed. 51px zou het moeten zijn, maar dat lukt dus niet, en die breedte wordt niet aangepast, je mag invullen wat je wil...

-BVR- · 10 aug 2011

Met FBXML? Link? Als je in fbxml een grotere width geeft wordt de (doorzichtige) container wel groter hoor.

Niet helemaal zeker, thus I will investigate

EDIT: zoals ik reeds verwachtte: http://socialmedia.bramvanroy.be/test.html

HTML:

<body>
<div class="fb">
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=173424116063829&amp;xfbml=1"></script>
<fb:like href="http://www.socialmedia.bramvanroy.be" send="false" layout="box_count" width="450" show_faces="false" action="like" font="lucida grande"></fb:like>
</div>
<div class="fb">
<fb:like href="http://www.socialmedia.bramvanroy.be" send="false" layout="box_count" width="51" show_faces="false" action="like" font="lucida grande"></fb:like>
</div>
</body>

Code:

.fb {
	float: left;
}

De linkse button heeft een width van 450px (en zijn (doorzichtige) container heeft dus die breedte - vandaar de afstand tussen de twee knoppen, dit is géén margin! De rechtse heeft een gewone width van 51px.

Jeroen07 · 10 aug 2011

Klopt, doorzichtige container wordt wel breder. Maar wat ik wil bereiken is dat die button effectief ook 51px breed is...

Embed social network buttons tutorial - page 1 | bramvanroy.be

Hier is jou dat gelukt blijkbaar, hoe heb je dat gedaan? (mijn buttons staan ook boven elkaar)

-BVR- · 10 aug 2011

Als ge de tutorial leest weet ge het

Er een div rond gooien, en deze ook stylen naar 51px. Dan kunt ge daar alles mee doeb wat ge wukt:

HTML:

<div id="fb">
        <div id="fb-root"></div>
        <script src="http://connect.facebook.net/en_US/all.js#appId=203349739707910&xfbml=1"></script>
        <fb:like href="http://www.socialmedia.bramvanroy.be" send="true" layout="box_count" width="55" show_faces="false" font="verdana"></fb:like>
      </div>

Code:

#fb {
	width: 51px; /* we need to add a width to these divs before we can add a margin to them. You shouldn't change this width! */
}

#fb, #twit, #google {
	display: block;
	margin: auto; /* this will centre the divs! */
	margin-top: 3px; /* this value overwrites the previous 'auto' value. Note that we only overwrite the 'top' value, so all other values (left, right, bottom) remain 'auto' */
}

Eventueel kunt ge nog ne 'overflow: hidden;' toevoegen. Ik zie net dat FB sowieso de knop naar een width van 55px forced. Pretty lame, aangezien de knop echt maar 51px is

Dus, uw container is dan wel 51px, maar de knop is sowieso 55px.

Jeroen07 · 10 aug 2011

Zo werkt het inderdaad, probleem is dat wanneer ik de "send" knop disable (dus send="false"), dan is de knop weer te klein...

Archief - Facebook button: language probleem

Jeroen07

Legacy Member

Fr3aK

Legacy Member

Jeroen07

Legacy Member

Fr3aK

Legacy Member

Jeroen07

Legacy Member

dJeez

Legacy Member

Fr3aK

Legacy Member

-BVR-

Legacy Member

dJeez

Legacy Member

Fr3aK

Legacy Member

dJeez

Legacy Member

Fr3aK

Legacy Member

-BVR-

Legacy Member

Conversal

Legacy Member

-BVR-

Legacy Member

Jeroen07

Legacy Member

-BVR-

Legacy Member

Jeroen07

Legacy Member

-BVR-

Legacy Member

Jeroen07

Legacy Member