Like-box doesn't show wall pictures - facebook-graph-api

I have 661 people on my page, but only one appears on my wall.
Anyone know why?


You have to set OpenGraphs for your pages.
Then facebook will know which image to set as a thumbnail, title and description.
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description"
content="A group of U.S. Marines, under command of
a renegade general, take over Alcatraz and
threaten San Francisco Bay with biological
weapons."/>
...
</head>
...
</html>
this is an example of an OpenGraph

Related

Indicate whether to send a cookie in a cross-site request by specifying it's SameSite attribute -youtube Vide - simpliest page ever, can't find aswer

Do you know why I have tons of this problems? It's doing to me in most simply page what can be? Can you send me peace of code?
Specify SameSite=None and Secure is interesting advise but where to write?
The video is there but the issues...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<iframe width="560" height="315" src="https://www.youtube.com/embed/P3ZrN-m7VJA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</body>
</html>

Open Graphic image not displaying

I have this code which I use in testing the open graphic and this is the code below:
<html>
<head>
<meta charset="UTF-8" />
<title>THE KING</title>
<meta name="robots" content="Just About Me" />
<meta name="description" content="All You Should Know About Me" />
<meta property="og:locale" content="en_US"/>
<meta property="og:type" content="article"/>
<meta property="og:title" content="Just About Me"/>
<meta property="og:description" content="All You Should Know About Me"/>
<meta property="og:url" content="http://share.stephensangkn.org"/>
<meta property="article:section" content="The King"/>
<meta property="article:published_time" content="2016-07-31 15:58:30"/>
<meta property="article:modified_time" content="2016-07-31 15:58:30"/>
<meta property="og:image" content="http://share.stephensangkn.org/images/me.jpg"/>
<script src="js/jquery.js"></script>
</head>
<body>
<h2>THE KING</h2>
<img src="images/me.jpg" style="max-width:500px;max-height:500px" /><br>
<a style="cursor:pointer;">share</a>
<script>
url = "https://facebook.com/sharer.php?u=http://share.stephensangkn.org";
W = "500";
H = "800";
$('a').click(function(){
window.open(url, '', 'width='+W+',height='+H);
});
</script>
</body>
</html>
But the problem is that the image refuse to show up when the Facebook page opens, I even changed the image still same result. Here is the link to my page. Please any help?

I did try your code and I observed what you complained but I shared the link on my Facebook page and it displayed the same photo on your link so try sharing it an see

Why my shared video on facebook not exactly show the exact width and height of video using open graph api

Hi i got a little problem when i shared video on facebook using Open Graph API it's fine everything is playing but i can't see the video controls and the width and height of video is not exactly fit to the width and height i've set at the meta tags. this is my meta:
<meta property="og:image" content="image_url"/>
<meta property="og:description" content="sample"/>
<meta property="og:type" content="movie"/>
<meta property="og:video:url" content="http://www.tefltv.com/embed/qDqVGrrzDUQ"/>
<meta property="og:video:secure_url" content="https://www.tefltv.com/embed/qDqVGrrzDUQ"/>
<meta property="og:video:type" content="text/html"/>
<meta property="og:video:width" content="640"/>
<meta property="og:video:height" content="360"/>
<meta property="og:video:url" content="https://www.tefltv.com/tefltv_fl_video_player/tefltv_video_player.swf?source=https://www.tefltv.com/videos/tefltv.flv&autoplay=true"/>
<meta property="og:video:secure_url" content="https://www.tefltv.com/tefltv_fl_video_player/tefltv_video_player.swf?source=https://www.tefltv.com/videos/tefltv.flv&autoplay=true"/>
<meta property="og:video:type" content="application/x-shockwave-flash"/>
<meta property="og:video:width" content="640"/>
<meta property="og:video:height" content="360"/>

I think it's because you have one meta wrong :
<meta property="og:type" content="movie"/>
It must be :
<meta property="og:type" content="video"/>
or, if the video is a movie (with actors, etc ...) :
<meta property="og:type" content="video.movie"/>
Read this for more information : http://ogp.me/#type_video

Meta Tags In Body

I am trying to get my like button on my website www.nacts.com.au to add to the ones on our Facebook page but receive this message:
You have tags ouside of your . This is either because your was malformed and they fell lower in the parse tree, or you accidentally put your Open Graph tags in the wrong place. Either way you need to fix it before the tags are usable.
But it is actually placed like this under PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://developers.facebook.com/schema/" "html xmlns:fb="http://ogp.me/ns/fb#" >
<head>
<title>North Australia Career & Training Services</title>
<meta property="fb:app_id" content="191402794307447" />
<meta property="og:title" content="North Australia Career & Training Services" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.nacts.com.au" />
<meta property="og:image" content="http://nacts.com.au/images/NACTS4.png" />
<meta property="og:site_name" content="NACTS" />
<meta property="fb:admins" content="566419298" />
<meta property="og:description" content="North Australia Career & Training Services">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="msvalidate.01" content="3123382E32539EBE8C53C2CA69F7510D" />
<meta name="google-site-verification" content="bExkQFnEooJVIoZIm70CO8H8Yjx_FfyyCC6hNE_SeoA" />
<meta name="keywords" content=" training rockhampton, training rocky, rockhampton training,training,train,career development,mining,course,Resumes, Resumes Rockhampton, Tenders,Tender Writing, Marketing,business services,Rockhampton Business Services ,Courses,North Rockhampton Training,Industry Courses,Workplace Development,Rockhampton Career Advice,Career Development Rockhampton,RPL,North Australia,career,training Services,funding, Grants" />
</head>
What am I doing wrong?

The answer to your issue is in the error description. You have to embed the og: meta tags in the <head /> section of the HTML code. Please read more about how open graph tags work here: http://ogp.me
EDIT
Based upon the edits to the question, now knowing the URL of www.nacts.com.au, it's much easier to troubleshoot.
I do see one meta tag that is in the BODY section and not in the HEAD. It is <meta property="fb:page_id" content="148187795268337">

Like Button, send button displays random pictures

How do I specify the product image that I want the send button to display. I would like it to display the product on the product page but it seems to just pick up random images from the page.

You'll need to add some og:tags to your page. Please read the Open Graph Protocol Documentation for details on the different tags and what they mean.
A quick example :
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description"
content="A group of U.S. Marines, under command of
a renegade general, take over Alcatraz and
threaten San Francisco Bay with biological
weapons."/>
...
</head>
...
</html>
Once you have placed the correct og:tags and set their values, you can use the URL Debugger to see how facebook views your URL.