Facebook like button in je menu balkje plaatsen

[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 -->

[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.

[luchtzak]

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>

[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 -->

[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.

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 -->

[luchtzak]

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 )

[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 ?

[Theriddler]

Zoek in de code :

Code: Selecteer alles

data-href="http://www.facebook.com/www.luchtzak.be"

verander naar:

Code: Selecteer alles

https://www.facebook.com/luchtzak.be

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

[luchtzak]

Zoek in de code :

Code: Selecteer alles

data-href="http://www.facebook.com/www.luchtzak.be"

verander naar:

Code: Selecteer alles

https://www.facebook.com/luchtzak.be

Bedankt voor de tips, maar het aantal page likes komt nog altijd niet terug op de pagina ...

[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

[luchtzak]

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 ...

[Theriddler]

verander het eerdere

Zoek in de code :

Code: Selecteer alles

data-href="http://www.facebook.com/www.luchtzak.be"

verander naar:

Code: Selecteer alles

https://www.facebook.com/luchtzak.be

naar:

Code: Selecteer alles

data-href="http://www.luchtzak.be"

Daarna zal de count weer 220 laten zien zoals ik nu zie op facebook dev

[luchtzak]

verander het eerdere

Zoek in de code :

Code: Selecteer alles

data-href="http://www.facebook.com/www.luchtzak.be"

verander naar:

Code: Selecteer alles

https://www.facebook.com/luchtzak.be

naar:

Code: Selecteer alles

data-href="http://www.luchtzak.be"

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!