La cauchemard des likes et autres réseaux sociaux.
J'ai presque fini mon site et je suis vraiment très content.
Je profite de l'ocaz d'ailleurs pour dire un grand merci à tous ceux qui m'ont aidé.
Bon il me reste tout de meme une GROSSE épine dans le pied !
Je veux que mon site puisse être mentionné par les visiteurs sur leurs pages Facebook, Google+, tweeter et autres "machins".
Vu que Facebook est le seul que je pratique je me suis dit que j'allais commencer par là.
J'ai donc été sur la page https://developers.facebook.com/docs.../plugins/like/ qui permet de générer le code à inclure dans la page.
Pour un premier test j'ai décidé de faire simple et d'inclure le code tel quel sans fioritures.
LE code de ma page ressemble à ça :
Le header est comme ceci :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
2
3
4
5
6
7
8
9
10
11
12(...) </style></head> <body> <?php include("./header.php"); ?> C'EST DANS LE HEADER QUE J'AI MIS LA PREMIERE PARTIE DU CODE DE FACEBOOK. <?php include("./nav.php"); ?> <div class="art-sheet clearfix"> (...) <?php include("./article.php"); ?> C'EST DANS article QUE J'AI MIS LE SECOND MORCEAU DE CODE DE FACEBOOK (...)
et l'article comme ceci :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50<!-- **************************************** * SCRIPT POUR FACEBOOK * ****************************************--> <div id="fb-root"></div> <script> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <!-- **************************************** * SCRIPT POUR ANALITYCS * ****************************************--> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-37732073-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <!-- **************************************** * En tete * ****************************************--> <div id="art-main"> <header class="art-header"> <div class="art-shapes"> </div> <h1 class="art-headline" data-left="0%"> <a href="#">Jérôme de Warzée</a> </h1> <h2 class="art-slogan" data-left="0%">Humoriste</h2> </header>
Le résultat est bien que les boutons Like s'affichent sur ma page.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34<div class="art-layout-cell art-sidebar1"> <div class="art-block clearfix"> <div class="art-blockcontent"> <p style="text-align: center;"> <a href="http://boutique.rtbf.be/product/un-cactus-dans-le-waterzooi-un-livre-de-jerome-de-warzee" target="_blank" title="Achat en ligne"> <img width="95" height="132" alt="Le livre de Jérôme de Warzée" src="./images/10285_jerome_de_warzee.jpg" style="float: left; margin-right: 4px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; " class=""> </a> <span style="margin-top: -10px; margin-bottom: -10px;">LE LIVRE</p> <p style="text-align: center;margin-top: -6px; margin-bottom: -5px;">en vente</p> <p style="text-align: center;margin-top: -6px; margin-bottom: -5px;">sur</p> <p style="text-align: center;margin-top: -6px; margin-bottom: -5px;">la boutique RTBF</p> <p style="text-align: center;margin-top: -6px; margin-bottom: -5px;"> <a href="http://boutique.rtbf.be/product/un-cactus-dans-le-waterzooi-un-livre-de-jerome-de-warzee" target="_blank" title="Achat en ligne"> <img width="55" height="22" alt="Boutique RTBF Jérôme de Warzée" src="./images/10071_jdw_partenaires.jpg" style="margin-top: 11px;" class=""></a><br></p></div> </div> <div class="art-block clearfix"> <div class="art-blockcontent"> <!-- **************************************** * SCRIPT POUR FACEBOOK * ****************************************--> <div class="fb-like" data-href="http://www.jeromedewarzee.eu/index.php" data-send="true" data-width="450" data-show-faces="true" data-colorscheme="dark"></div> <img width="52" height="51" alt="" src="./images/10009_jdw_partenaires.png" class=""> <img width="50" height="52" alt="" src="./images/10079_jdw_partenaires.png" class=""> <img width="52" height="52" alt="" src="./images/10017_jdw_partenaires.png" class=""></div> </div> <div class="art-block clearfix"> <div class="art-blockcontent"><p> <a href="http://www.imagiscene.be" target="_blank" title="Cliquez ici"><img width="165" height="238" alt="" src="./images/10062_jdw_partenaires.png" class=""></a><br></p><p style="text-align: center;">Production - Management</p><p style="text-align: center;">Organisation d'évent's</p><p style="text-align: center;"><a href="http://www.imagiscene.be" target="_blank" title="Cliquez ici"><span style="text-shadow: rgba(153, 153, 153, 0.792969) 0.7px 0.7px 0px, rgba(140, 140, 140, 0.792969) 1.4px 1.4px 0px, rgba(122, 122, 122, 0.496094) 2.1px 2.1px 1px, rgba(107, 107, 107, 0.496094) 2.8px 2.8px 0px, rgba(92, 92, 92, 0.496094) 3.5px 3.5px 0px; font-size: 20px; ">CONTACT</span></a><br></p><h3><span style="text-shadow: rgba(153, 153, 153, 0.796875) 0.7px 0.7px 0px, rgba(140, 140, 140, 0.796875) 1.4px 1.4px 0px, rgba(122, 122, 122, 0.496094) 2.1px 2.1px 1px, rgba(107, 107, 107, 0.496094) 2.8px 2.8px 0px, rgba(92, 92, 92, 0.476563) 3.5px 3.5px 0px;"></span></h3></div> </div> </div>
ET C'EST TOUT
J'ai cliqué sur le bouton pour liker mais rien n'est apparu dans mon journal Facebook.
Ca c'est mon premier problème.
Le deuxième effet Kisscool est que le bouton de Like est très moche (voir sur http://espaceimy.cluster010.ovh.net/jdwtest/index.php).
Il déborde de la collone et évidement je voudrais qu'il aille à la ligne pour ne pas déborder.
Et le troisième truc c'est que je voudrais aussi faire un machin du genre pour Tweeter, Google+ et d'autres s'il en existe mais vu que je ne connais rien à ceux là je ne sais pas trop ni comment faire ni ou trouver les infos.
Donc en résumé je cherche une sorte de super-héro des réseaux sociaux qui pourrait m'aider à y voir clair dans ce boxon.
Un grand merci déjà
Répondre avec citation
Partager