******** like button met OG tags functioneert niet
#1

Dag! Hopelijk heeft iemand hier ervaring mee.

Ik ben bezig met een project voor mijn studie. Een website. Het is compleet geprogrammeerd in MySQL, jQuery, CSS, PHP en HTML. Ik kan nieuws artikelen plaatsen zoals het moet, maar als iets extra's wil ik like buttons toevoegen om de page te liken, met OG Tags. Maar hoe gaat dit in zijn werk?

Ik heb momenteel een like button, die de pagina liked. Maar helaas klopt het plaatje niet (van de ******** pop-up zodra je op like klikt), de description en title niet. Ik heb gelezen dat dit met meta OG tags kan. Maar dat werkt ook niet voor mij! Hierbij laat ik de code zien die de button doet verschijnen:

In de head tags (image heb ik even weg gelaten)
PHP Code:
    <meta property="og:title" content="Hello" />
    <
meta property="og:type" content="article" />
    <
meta property="og:description" content="Hello!" /> 
In de body, helemaal bovenin:
PHP Code:
    <div id="fb-root"></div>
    <
script>
        (function(
dsid) {
        var 
jsfjs d.getElementsByTagName(s)[0];
        if (
d.getElementById(id)) return;
        
js d.createElement(s); js.id id;
        
js.src "//connect.********.net/en_US/all.js#xfbml=1";
        
fjs.parentNode.insertBefore(jsfjs);
        }(
document'script''********-jssdk'));
    
</script> 
Op het plekje waar de like button moet verschijnen:
PHP Code:
$actual_link "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
echo 
'<div style="text-align: right;"><div style="z-index:0;" class="fb-like" data-href="' .$actual_link'" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div></div>'
Alvast bedankt!
Reply
#2

Ik weet niet of je hier iets aan hebt: http://davidwalsh.name/********-meta-tags ?
Hoe ziet het er nu trouwens uit, misschien handig om een voorbeeld/screen ervan te geven.
Reply
#3

Je zal de afbeelding ook moeten tonen.
PHP Code:
<meta property="og:title" content="Boerenmacht.nl | Het wordt tijd dat de boer de macht grijpt!" />
        <
meta property="og:type" content="website" />
        <
meta property="og:url" content="http://boerenmacht.nl/" />
        <
meta property="og:site_name" content="Boerenmacht.nl" />
        <
meta property="og:image" content="http://boerenmacht.nl/assets/img/logo.jpg" />
        <
meta property="og:description" content="Boerenmacht.nl | Het wordt tijd dat de boer de macht grijpt! FC Groningen Fansite met het laatste nieuws, voorbeschouwingen, wedstrijdverslagen en nog veel meer informatie rondom de club." /> 
Dit is de broncode van een website waar hij wel werkt. Ook moet je niet vergeten om dit in je HTML declaratie te zetten:

PHP Code:
<html xmlns="http://www.w3.org/1999/xhtml"
      
xmlns:fb="http://ogp.me/ns/fb#"
Anders gaat ie als nog op zijn bek.

Hij pakt hier alleen een statische afbeelding van de website (niet alle artikelen hebben een afbeelding op de website namelijk).
Reply
#4

Hoe kom je aan de naam Biesmen? Ooit gespeeld op S4S Dm server(s)?
Reply
#5

Quote:
Originally Posted by SniperArmy
View Post
Hoe kom je aan de naam Biesmen? Ooit gespeeld op S4S Dm server(s)?
Een keer gekocht op Marktplaats. Kan je ook is proberen!

Late reply @ Mamorunl:
Ik test dit wanneer mijn website online is, kan nog wel even duren. Thanks! Ik stuur je daarna een update
Reply
#6

Quote:
Originally Posted by Biesmen
View Post
Een keer gekocht op Marktplaats. Kan je ook is proberen!

Late reply @ Mamorunl:
Ik test dit wanneer mijn website online is, kan nog wel even duren. Thanks! Ik stuur je daarna een update
-_-'' lol
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)