Facebook like button in je menu balkje plaatsen

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB3.
Plaats reactie
luchtzak
Berichten: 58
Lid geworden op: 11 jul 2006, 23:32
Contacteer:

Facebook like button in je menu balkje plaatsen

Bericht door luchtzak » 15 jan 2017, 20:46

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

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: Facebook like button in je menu balkje plaatsen

Bericht door Theriddler » 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.

luchtzak
Berichten: 58
Lid geworden op: 11 jul 2006, 23:32
Contacteer:

Re: Facebook like button in je menu balkje plaatsen

Bericht door luchtzak » 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>

Gebruikersavatar
Froddelaar
Berichten: 272
Lid geworden op: 29 mar 2016, 15:09
Locatie: Aalst, Belgie
Contacteer:

Re: Facebook like button in je menu balkje plaatsen

Bericht door Froddelaar » 15 jan 2017, 23:34

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 -->
Wij promoten UW muziek in ons forum & delen alles via Sociale media!
Muziek wordt ook toegevoegd in de playlist van
textradio.be!
Mail uw single + hoesje + info naar: info@muziekpromo.net of Solidjeuh@textradio.be
Onze Website: https://www.muziekpromo.net

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: Facebook like button in je menu balkje plaatsen

Bericht door Theriddler » 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 -->

luchtzak
Berichten: 58
Lid geworden op: 11 jul 2006, 23:32
Contacteer:

Re: Facebook like button in je menu balkje plaatsen

Bericht door luchtzak » 15 jan 2017, 23:56

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

luchtzak
Berichten: 58
Lid geworden op: 11 jul 2006, 23:32
Contacteer:

Re: Facebook like button in je menu balkje plaatsen

Bericht door luchtzak » 06 apr 2017, 07:44

Mijn facebook like button op mijn forum pagina is opeens naar 0 gegaan, ik gebruik de officiële code.

Heeft er iemand hetzelfde probleem ?

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: Facebook like button in je menu balkje plaatsen

Bericht door Theriddler » 06 apr 2017, 11:23

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
Berichten: 58
Lid geworden op: 11 jul 2006, 23:32
Contacteer:

Re: Facebook like button in je menu balkje plaatsen

Bericht door luchtzak » 06 apr 2017, 13:59

Theriddler schreef:
06 apr 2017, 11:23
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 ...

Gebruikersavatar
Froddelaar
Berichten: 272
Lid geworden op: 29 mar 2016, 15:09
Locatie: Aalst, Belgie
Contacteer:

Re: Facebook like button in je menu balkje plaatsen

Bericht door Froddelaar » 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
Wij promoten UW muziek in ons forum & delen alles via Sociale media!
Muziek wordt ook toegevoegd in de playlist van
textradio.be!
Mail uw single + hoesje + info naar: info@muziekpromo.net of Solidjeuh@textradio.be
Onze Website: https://www.muziekpromo.net

luchtzak
Berichten: 58
Lid geworden op: 11 jul 2006, 23:32
Contacteer:

Re: Facebook like button in je menu balkje plaatsen

Bericht door luchtzak » 06 apr 2017, 16:13

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

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: Facebook like button in je menu balkje plaatsen

Bericht door Theriddler » 08 apr 2017, 19:52

verander het eerdere
Theriddler schreef:
06 apr 2017, 11:23
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
Berichten: 58
Lid geworden op: 11 jul 2006, 23:32
Contacteer:

Re: Facebook like button in je menu balkje plaatsen

Bericht door luchtzak » 08 apr 2017, 20:16

Theriddler schreef:
08 apr 2017, 19:52
verander het eerdere
Theriddler schreef:
06 apr 2017, 11:23
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!

Plaats reactie