Pagina 1 van 1
Facebook like button in je menu balkje plaatsen
Geplaatst: 15 jan 2017, 20:46
door luchtzak
Ik ben een beetje aan het knoeien met mijn template, ik heb momenteel prosilver_se (special edition)
Ik zou daar graag een facebook like button aan mijn menu balkje toevoegen, maar door de div in het scriptje van facebook komt dat niet goed.
Enig idee om dit wel te kunnen plaatsen ? momenteel staat die een beetje plompverloren in mijn overall_header.html file.
Een andere suggestie is ook welkom! Hartelijk dank!
Code: Selecteer alles
<!-- IF not S_USER_LOGGED_IN --><div class="fb-like" data-href="http://www.facebook.com/www.luchtzak.be" data-layout="standard" data-action="like" data-size="small" data-show-faces="false" data-share="false"></div><br /><br /><!-- ENDIF -->
Re: Facebook like button in je menu balkje plaatsen
Geplaatst: 15 jan 2017, 23:16
door Theriddler
Van wat ik denk bedoel je denk ik qua menubalkje de navbar?
Probeer die regel eens te plaatsen in het volgende template bestand : navbar_header.html
dat is de menubalk.
Re: Facebook like button in je menu balkje plaatsen
Geplaatst: 15 jan 2017, 23:28
door luchtzak
Theriddler schreef: ↑15 jan 2017, 23:16
Van wat ik denk bedoel je denk ik qua menubalkje de navbar?
Probeer die regel eens te plaatsen in het volgende template bestand :
navbar_header.html
dat is de menubalk.
Dank je, maar dat heb ik al gedaan. Als ik deze in het menu wil steken, dan breekt mijn stijl. Dan springt de menubalk naar beneden (omdat Facebook werkt met een <div> en </div>
Re: Facebook like button in je menu balkje plaatsen
Geplaatst: 15 jan 2017, 23:34
door Froddelaar
En dit:
Code: Selecteer alles
<!-- IF not S_USER_LOGGED_IN --><li><div class="fb-like" data-href="http://www.facebook.com/www.luchtzak.be" data-layout="standard" data-action="like" data-size="small" data-show-faces="false" data-share="false"></div></li><br /><br /><!-- ENDIF -->
Re: Facebook like button in je menu balkje plaatsen
Geplaatst: 15 jan 2017, 23:37
door Theriddler
luchtzak schreef: ↑15 jan 2017, 23:28
Theriddler schreef: ↑15 jan 2017, 23:16
Van wat ik denk bedoel je denk ik qua menubalkje de navbar?
Probeer die regel eens te plaatsen in het volgende template bestand :
navbar_header.html
dat is de menubalk.
Dank je, maar dat heb ik al gedaan. Als ik deze in het menu wil steken, dan breekt mijn stijl. Dan springt de menubalk naar beneden (omdat Facebook werkt met een <div> en </div>
Het ligt niet aan de div wel wat je eromheen zet.
Probeer eens:
Code: Selecteer alles
<!-- IF not S_USER_LOGGED_IN --><li class="rightside"><div class="fb-like" data-href="http://www.facebook.com/www.luchtzak.be" data-layout="standard" data-action="like" data-size="small" data-show-faces="false" data-share="false"></div></li><!-- ENDIF -->
Re: Facebook like button in je menu balkje plaatsen
Geplaatst: 15 jan 2017, 23:56
door luchtzak
Theriddler schreef: ↑15 jan 2017, 23:37
luchtzak schreef: ↑15 jan 2017, 23:28
Theriddler schreef: ↑15 jan 2017, 23:16
Van wat ik denk bedoel je denk ik qua menubalkje de navbar?
Probeer die regel eens te plaatsen in het volgende template bestand :
navbar_header.html
dat is de menubalk.
Dank je, maar dat heb ik al gedaan. Als ik deze in het menu wil steken, dan breekt mijn stijl. Dan springt de menubalk naar beneden (omdat Facebook werkt met een <div> en </div>
Het ligt niet aan de div wel wat je eromheen zet.
Probeer eens:
Code: Selecteer alles
<!-- IF not S_USER_LOGGED_IN --><li class="rightside"><div class="fb-like" data-href="http://www.facebook.com/www.luchtzak.be" data-layout="standard" data-action="like" data-size="small" data-show-faces="false" data-share="false"></div></li><!-- ENDIF -->
Wa!!! Hartelijk dank!!! Werkt super!
Voorbeeldje:
http://www.luchtzak.be/forums/viewforum.php?f=26 (niet klikken als je niet wil
)
Re: Facebook like button in je menu balkje plaatsen
Geplaatst: 06 apr 2017, 07:44
door luchtzak
Mijn facebook like button op mijn forum pagina is opeens naar 0 gegaan, ik gebruik de officiële code.
Heeft er iemand hetzelfde probleem ?
Re: Facebook like button in je menu balkje plaatsen
Geplaatst: 06 apr 2017, 11:23
door Theriddler
Zoek in de code :
verander naar:
Verder is het raadzaam de og meta tags toe te voegen in overall_header.html
Zoek:
Code: Selecteer alles
<meta name="viewport" content="width=device-width, initial-scale=1" />
plaats daaronder:
Code: Selecteer alles
<meta property="og:locale" content="{S_USER_LANG}" />
<meta property="og:locale:alternate" content="en_US" />
<meta property="og:site_name" content="{SITENAME}" />
<meta property="og:url" content="{U_CANONICAL}" />
<meta property="og:title" content="{SITENAME}" />
<meta property="og:type" content="article" />
<meta property="og:image" content="http://www.luchtzak.be/forums/images/200x200.png" />
<meta property="og:description" content="{SITE_DESCRIPTION}"/>
verander de content bij og:image
naar een valid afbeelding. Maak dus een afbeelding van 200x200 px welke dan dient als standaard afbeelding.
Valideer vervolgens alles via de facebook lint en bekijk de warnings:
https://developers.facebook.com/tools/d ... Fforums%2F
Re: Facebook like button in je menu balkje plaatsen
Geplaatst: 06 apr 2017, 13:59
door luchtzak
Theriddler schreef: ↑06 apr 2017, 11:23
Zoek in de code :
verander naar:
Bedankt voor de tips, maar het aantal page likes komt nog altijd niet terug op de pagina ...
Re: Facebook like button in je menu balkje plaatsen
Geplaatst: 06 apr 2017, 15:34
door Froddelaar
Je hebt ook deze code nodig, anders werkt het niet
Code: Selecteer alles
<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/nl_BE/sdk.js#xfbml=1&version=v2.8&appId=673354802841636";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Zie:
https://developers.facebook.com/docs/pl ... ike-button
Re: Facebook like button in je menu balkje plaatsen
Geplaatst: 06 apr 2017, 16:13
door luchtzak
Froddelaar schreef: ↑06 apr 2017, 15:34
Je hebt ook deze code nodig, anders werkt het niet
Code: Selecteer alles
<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/nl_BE/sdk.js#xfbml=1&version=v2.8&appId=673354802841636";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Zie:
https://developers.facebook.com/docs/pl ... ike-button
Staat er in ...
Re: Facebook like button in je menu balkje plaatsen
Geplaatst: 08 apr 2017, 19:52
door Theriddler
verander het eerdere
Theriddler schreef: ↑06 apr 2017, 11:23
Zoek in de code :
verander naar:
naar:
Daarna zal de count weer 220 laten zien zoals ik nu zie op facebook dev
Re: Facebook like button in je menu balkje plaatsen
Geplaatst: 08 apr 2017, 20:16
door luchtzak
Theriddler schreef: ↑08 apr 2017, 19:52
verander het eerdere
Theriddler schreef: ↑06 apr 2017, 11:23
Zoek in de code :
verander naar:
naar:
Daarna zal de count weer 220 laten zien zoals ik nu zie op facebook dev
Bedankt voor alle tips, het was blijkbaar een bug in Facebook want het is ondertussen gerepareerd!