Adsense bloque mon fb:fan

u164556 · 23 Novembre 2010

Hello,

Je viens d'installer une facebox sur mon site par l'intermédiaire de l'appli developper pour avoir la main sur le .css mais pas de bol ça ne fonctionne pas, le script adsense bloque l'exécution de celui de facebook.

J'ai fais :

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

Puis:

<div id="fb-root"></div>
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>
<script type="text/javascript">FB.init(votre_appID);</script>

Et avant le footer

<fb:fan profile_id="[id-page]" width="980" height="160" connections="20" css="http://mon.css"></fb:fan>

Si je tente de le mettre dans le header ça fonctionne car il n'y a pas de code Adsense ...

Julia41 · 23 Novembre 2010

Utilise le code généré (en iframe donc) et le problème devrait être résolu. Je me demande si c'est volontaire ou non, mais oui, c'est plutôt lourd.
N'oublie pas que ça a été migré il y a quelques jours de fb:fan à fb:like

Il faut suivre leurs modifications chiantes et fréquentes

Code:

<iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.webrankinfo.com&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

u164556 · 23 Novembre 2010

Le truc c'est que je veux lier une page de style externe et je suis obligé de passer par le <fb:fan ou <fb:like que je change asap d'ailleurs.

Julia41 · 23 Novembre 2010

L'iframme devrait te le permettre
Regarde aussi tout en bas de cette page :
-http://developers.facebook.com/docs/reference/plugins/like

The Like button is replacing ad units or Flash, what should I do?
Provide a channel URL when you init the Javascript library. Details on this can be found here.

By using the Like Button, you agree to the general guidelines and terms found here. You also agree that you will not modify the Like Button in any way beyond the customization options provided on this page.

u164556 · 23 Novembre 2010

En faite ils ont aussi changé le 1er code et il faut donc mettre :

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'votre_appID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>

Et tout fonctionne