facebook

[auke201]

• Adres van je forum: http://www.uitzendforum.info
  Event. modificaties op je forum:
  Wanneer ontstond het probleem?
  phpBB versie:
  
  
  Heb je onlangs iets veranderd aan je forum?
  Wat is het probleem?

is er iemand die mij zu kunnen helpen om te zorgen dat ik een i like button van facebook en dergelijke op mijn forum kan plaatsen (indien mogelijk)

bijvoorbaad dank

[David]

Hoe goed is je Engels? Je kunt via deze pagina verschillende plug-ins vinden voor Facebook waaronder de "like" button. Misschien heb je er iets aan! Als je kunt aangeven waar je hem wilt hebben kunnen wij je misschien wel uitleggen in welke bestanden je de code moet plaatsen!

[auke201]

ik wil hem graag op de index pagina maar ik maak gebruik van een thema ik weet niet of dat nog verschil maakt ?

[David]

ik wil hem graag op de index pagina maar ik maak gebruik van een thema ik weet niet of dat nog verschil maakt ?

Nee hoor de stijl maakt in principe niet uit, het enige verschil is dat de manier van toevoegen en/of wijzigen bij iedere stijl anders kan zijn, met index bedoel je forumoverzicht? Kun je wat specifieker zijn? Als je hem boven aan wilt moet je bijvoorbeeld in de overall_header.html zijn, wil je hem onderaan dan in de overall_footer.html.

[auke201]

ik wil hem graag op de index pagina maar ik maak gebruik van een thema ik weet niet of dat nog verschil maakt ?

Nee hoor de stijl maakt in principe niet uit, het enige verschil is dat de manier van toevoegen en/of wijzigen bij iedere stijl anders kan zijn, met index bedoel je forumoverzicht? Kun je wat specifieker zijn? Als je hem boven aan wilt moet je bijvoorbeeld in de overall_header.html zijn, wil je hem onderaan dan in de overall_footer.html.

ik wil hem idd op het forum overzicht en dan graag ergens bovenin nu is het zoizo al jammer dat er bij dit thema geen knop ze vinden is om een berichd aan te passen of te citeren is dit ook aan te passen en zou iemand mij daar bij kunnen helpen ?

[David]

Voor het probleem met je knoppen, moet je denk ik dit wiki artikel eens lezen: http://wiki.phpbb.nl/3.x/Nieuw_onderwer ... nzichtbaar

Hoe je de like knop kan integreren moet ik even voor je uitzoeken, dat weet ik niet uit mijn hoofd!

[auke201]

ok alvast bedankt

[David]

Oké, ik heb het eventjes voor je uitgezocht. Je gebruikt de stijl X-Treme Red, maar de bestanden die je moet wijzigingen vind je in styles/X-Treme.

Open: styles/X-Treme/template/overall_header.html

We moeten eerst een javascript code toevoegen, als ik het goed begrijp hebben we dat script nodig om je like knop te laden en de informatie op te halen... heb de code hieronder gezet. Je kunt daar nog een aantal gegevens aan toevoegen, maar het is niet perse nodig.

Code: Selecteer alles

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'YOUR_APP_ID', // App ID
      channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

    // Additional initialization code here
  };

  // Load the SDK Asynchronously
  (function(d){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js";
     ref.parentNode.insertBefore(js, ref);
   }(document));
</script>

Zoek naar:

Code: Selecteer alles

</head>

Boven de </head> kun je bovenstaand script plakken!

Als je naar Hier gaat. Kun je de code voor de like button genereren door aan aantal gegevens in te vullen en voorkeuren in te stellen. Dit mag naar eigen wens. Als ik een tip mag geven kies bij Color Scheme voor dark dit past beter in jouw donkere stijl. Bij light is de tekst namelijk niet goed te lezen. Als je klaar bent met alle instellingen klik je op "get code" dan krijg je de code voor je like button.

Nu moet ik eerlijk bekennen dat ik niet precies weet waar code 1 voor is, code 2 heb je in ieder geval wel nodig deze kun je onder, onderstaande code plakken.

Zoek:

Code: Selecteer alles

<!-- INCLUDE breadcrumbs.html -->

Zet hier code 2 onder van je like plugin!

Wijzig bij voorkeur de bestanden met notepad++. Vergeet na de wijzigingen je template map niet te vernieuwen via de TAB: stijlen in je beheerderspaneel. Als alles goed is zou je dan een like button moeten hebben. De plaatsing van die button is eventueel nog wel te veranderen hoor, het is maar net wat je zelf mooi vind.

[auke201]

helemaal top het is gelukt en ook de oplossing die je me eerder gaf voor de knoppen heefd gewerkt super many thnx

[yomi]

Hoi,

Ik heb dit ook geprobeer om op mijn forum neer te zetten.
En alles zo gedaan als hierboven beschreven.
Nu is het grootste gedeelte gelukt, alleen als ik op de button like klik dan krijg ik een fout meldingen te zien met het woord fout als error.
De ander button vezenden doet het gewoon goed.

Ik ben al een tijd bezig om te achterhalen wat de error zou kunnen maken,
maar tot heden nog niet gevonden.
David weet jij misschien raad. Ik heb deze twee buttons in mijn footer gezet helemaal onderaan.

Url forum: http://www.witvisforum.nl
Versie van het board is 3.0.10

Alvast bedankt Pascal

[David]

Durf het niet met 100% zekerheid te zeggen(wel 99,9%), maar volgens mij kun je het voor je persoonlijke profile niet gebruiken. Op je persoonlijke pagina moet men een vriendenverzoek verzenden een "like" werkt dus niet om vrienden te worden. Je kunt beter een groep of een pagina aanmaken dan werkt het wel

[Theriddler]

Ik ben al een tijd bezig om te achterhalen wat de error zou kunnen maken,
maar tot heden nog niet gevonden.l

Ik ben hier ook een tijd mee aan het stoeien geweest
De fout wordt veroorzaakt doordat de url anders is dan wat facebook verwacht dat het is.

https://developers.facebook.com/tools/debug

je moet in de overal_header.html de facebook meta's toevoegen en nog wat ander dingen:

Open /template/overall_header.html

zoek:

Code: Selecteer alles

<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">

Vervang met:

Code: Selecteer alles

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">

Zoek:

Code: Selecteer alles

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

Vervang met:

Code: Selecteer alles

    <title><!-- IF S_IN_MCP -->{L_MCP} &bull; {PAGE_TITLE}<!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; {PAGE_TITLE}<!-- ELSEIF SCRIPT_NAME == "viewtopic" -->{PAGE_TITLE} - {FORUM_NAME}<!-- ELSEIF SCRIPT_NAME == "viewforum" -->{FORUM_NAME}<!-- ELSE -->Site-Naam-Hier<!-- ENDIF --></title>
    <meta charset="UTF-8" />
    <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
    <meta http-equiv="content-style-type" content="text/css" />
    <meta http-equiv="content-language" content="{S_USER_LANG}" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9" />
    {META}
    <meta property="og:title" content="{PAGE_TITLE}" />
    <meta property="og:type" content="article" />
    <meta property="og:url" content="{BOARD_URL}" />
    <meta property="og:image" content="http://www.jou-forum-url.nl/images/pr-200x200.png" />
    <meta property="og:site_name" content="Site-Naam-Hierl" />
    <meta property="fb:admins" content="USER ID HIER" />
    <meta property="fb:app_id" content="APP ID HIER" />
    <meta property="og:description" content="{SITE_DESCRIPTION}" />

    <meta name="description" content="{SITE_DESCRIPTION}" />
    <meta name="keywords" content="" />
    <meta name="resource-type" content="document" />

    <link rel="canonical" href="{BOARD_URL}" />

Om achter je user en admin ID te komen: https://graph.facebook.com/gebruikersnaam (vervang gebruikersnaam met jou naam op facebook.

opmerking: de image (dat kan zijn het logo van het forum of wat dan ook) moet minimaal 200px zijn

Als je dit allemaal gedaan hebt, dan de templates refreshen en via de debug tool van facebook

https://developers.facebook.com/tools/debug

kijken of de url kloppend is, als het goed is zou dit zo moeten zijn en is de error verdwenen.

Dit werkt nu alleen op de voorpagina, in topics werkt dit niet aangezien die met strings werken.

de oplossing hiervoor is deze:

Open /includes/functions.php

Vind:

Code: Selecteer alles

// The following assigns all _common_ variables that may be used at any point in a template.
       $template->assign_vars(array(

Plaats eronder:

Code: Selecteer alles

'QUERY_STRING'                        => preg_replace( array( '#(\\?|\\&)sid=[0-9a-f]{32}#i', '#^[?&]#' ), '', $_SERVER['QUERY_STRING'] ), 

Zoek:

Code: Selecteer alles

    <title><!-- IF S_IN_MCP -->{L_MCP} &bull; {PAGE_TITLE}<!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; {PAGE_TITLE}<!-- ELSEIF SCRIPT_NAME == "viewtopic" -->{PAGE_TITLE} - {FORUM_NAME}<!-- ELSEIF SCRIPT_NAME == "viewforum" -->{FORUM_NAME}<!-- ELSE -->Site-Naam-Hier<!-- ENDIF --></title>
    <meta charset="UTF-8" />
    <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
    <meta http-equiv="content-style-type" content="text/css" />
    <meta http-equiv="content-language" content="{S_USER_LANG}" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9" />
    {META}
    <meta property="og:title" content="{PAGE_TITLE}" />
    <meta property="og:type" content="article" />
    <meta property="og:url" content="{BOARD_URL}" />
    <meta property="og:image" content="http://www.jou-forum-url.nl/images/pr-200x200.png" />
    <meta property="og:site_name" content="Site-Naam-Hierl" />
    <meta property="fb:admins" content="USER ID HIER" />
    <meta property="fb:app_id" content="APP ID HIER" />
    <meta property="og:description" content="{SITE_DESCRIPTION}" />

    <meta name="description" content="{SITE_DESCRIPTION}" />
    <meta name="keywords" content="" />
    <meta name="resource-type" content="document" />

    <link rel="canonical" href="{BOARD_URL}" />

Vervang met:

Code: Selecteer alles

    <title><!-- IF S_IN_MCP -->{L_MCP} &bull; {PAGE_TITLE}<!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; {PAGE_TITLE}<!-- ELSEIF SCRIPT_NAME == "viewtopic" -->{PAGE_TITLE} - {FORUM_NAME}<!-- ELSEIF SCRIPT_NAME == "viewforum" -->{FORUM_NAME}<!-- ELSE -->Site-Naam-Hier<!-- ENDIF --></title>
    <meta charset="UTF-8" />
    <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
    <meta http-equiv="content-style-type" content="text/css" />
    <meta http-equiv="content-language" content="{S_USER_LANG}" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9" />
    {META}
    <meta property="og:title" content="<!-- IF SCRIPT_NAME == "viewtopic" -->{PAGE_TITLE}<!-- ELSE -->Site-Naam-Hier<!-- ENDIF -->" />
    <meta property="og:type" content="article" />
    <meta property="og:url" content="{BOARD_URL}{SCRIPT_NAME}.php<!-- IF QUERY_STRING -->?{QUERY_STRING}<!-- ENDIF -->" />
    <meta property="og:image" content="http://www.jou-forum-url.nl/images/pr-200x200.png" />
    <meta property="og:site_name" content="Site-Naam-Hierl" />
    <meta property="fb:admins" content="USER ID HIER" />
    <meta property="fb:app_id" content="APP ID HIER" />
    <meta property="og:description" content="<!-- IF SCRIPT_NAME == "portal" or SCRIPT_NAME == "index" -->{SITE_DESCRIPTION}<!-- ELSE -->{S_META_DESCRIPTION}<!-- ENDIF -->" />

    <meta name="description" content="<!-- IF SCRIPT_NAME == "portal" or SCRIPT_NAME == "index" -->{SITE_DESCRIPTION}<!-- ELSE -->{S_META_DESCRIPTION}<!-- ENDIF -->" />
    <meta name="keywords" content="{S_META_KEYWORDS}" />
    <meta name="resource-type" content="document" />

    <link rel="canonical" href="{BOARD_URL}{SCRIPT_NAME}.php<!-- IF QUERY_STRING -->?{QUERY_STRING}<!-- ENDIF -->" />

Ik heb ook een tutorial gemaakt om de like button in elke topic te hebben en zodra je erop klikt de content van de 1e post meegenomen wordt naar iemand zijn facebook wall.

Die kun je hier vinden: Link