No error is returned in Facebook debug tool.
Nevertheless, Like button doesn't work.
It must be problem with "og:title"tag.
In the case of the following type of og:title, what is the problem?
( ○ is double-byte character)
<meta property="og:title" content="○○○○○○ ○○○○○○○ ○○○○○○ ○○○○○○○○○○○○ ○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○" />
Is " " problem?
Thank you In advance.
Related
The tool
https://business.facebook.com/ads/microdata/debug
gives me the warning
Which OpenGraph tag can I use to fix the problem?
The HTML code like
<meta property="google:product:category" content="Pet Supplies"/>
or
<meta property="google_product_category" content="Pet Supplies"/>
doesn't work for me.
I have found the solution
the right format is
<meta property="product:category" content="Apparel & Accessories > Clothing > Dresses"/>
this work too... I used it for multi-languages pages and works fine, just set the ids from google in google_product_category list
<meta property="product:category" content="233"/>
I'm coding a rails app, and I have a problem with the title's page :
In my config/locales/fr.yml I have this : fr:product:edit: "Modification de l'objet"
And in my /app/views/products/edit.html.erb I have this : <title><%= t('product.edit') %></title>
And when I render the page, it gives me this : Modification de l'objet.
Do you know what's wrong with it ?
I tried to add <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> in the head of my HTML, or this but it didn't worked for me...
You can use <%= raw(I18n.t('product.edit')) %> to avoid this. Be aware though, that the code won't be escaped. When using raw you have to be sure there's no way to inject malicious code in the string.
I think I can tell you where l&#'39 is coming from...
Hopefuly then you can find a solution on how to fix it.
Open up notepad and holddown the Alt key and press 39 see what character appears ??
You notice you get the ' character when you type that number so after compling you code seems to look at l'objet as l And #39
So I think there is as you are poinitg out some sort language issues and the characters are represented. You might be able to reverse this to solve your problem.
Sorry this is all I had.
I'm trying to learn and test out the new open graph beta that allows you to define actions, objects, and publish them. I believe I'm following the tutorial and doing exactly what it says, but the defined actions are not publishing. I would greatly appreciate it if someone could help me discover what I'm doing wrong. Here's the details:
For the object, here's what I get when I click get code: (I'm changing header links since I can't post more than 2 links on my account)
<head prefix="og: htp://ogp.me/ns# fb: http://ogp.me/ns/fb# bible_app:
http://ogp.me/ns/fb/bible_app#">
<meta property="fb:app_id" content="223527597700292">
<meta property="og:type" content="bible_app:verse">
<meta property="og:url" content="Put Your Own URL Here">
<meta property="og:title" content="Sample Verse">
<meta property="og:description" content="Some Arbitrary String">
<meta property="og:image" content="https://s-
static.ak.fbcdn.net/images/devsite/attachment_blank.png">
For og:url, I have tried the actual page where I have the object: bibleverses4.me/app/learn.html and I've also tried the sample url samples.ogp.me/225426837510368.
For the action, I just modified the tutorial:
`FB.api('/me/bible_app:learn' +
'?learn=http://bibleverse4.me/app/learn.html','post',
function(response)`
For the url in the action, I have tried both the above url and the sample FB gives.
The end result and problem: everything shows up, but when I click the "Learn" button, it says
The page at Bibleverses4.me says:
Error occured
So, I'm guessing I'm doing something wrong here, but I'm trying to learn and would greatly appreciate any help that could be offered.
Thanks.
I think that it should be:
FB.api('/me/bible_app:learn' +
'?verse=http://bibleverse4.me/app/learn.html','post',
function(response)
Where the /me/bible_app:learn is your action and verse is your object...
Having never dealt with Facebook at a developer level, I'm sure that I'm doing something very obviously wrong here. Anyway, here's the problem:
I generate the like button code from https://developers.facebook.com/docs/reference/plugins/like/ and then copy it into my page. When I try to view the site I get nothing displaying.
I noticed that the url in the script section fails to include the protocol (it comes out with: "//connect.facebook.net/en_US/all.js#appId=207642302633270&xfbml=1"). When I have a look what's happening using Firebug I can see that it's inserting the script tag into the head section - but the URL doesn't work. I've tried modifying it to include "https:" as the protocol and I then see that the script gets loaded and that also it inserts a bunch of CSS into the head section.
But still nothing displays on the site.
The only thing I can think of that could be problematic is that I (or, more specifically, my client) doesn't have a Facebook company profile of any sort - I can ask them to set one up if required but this would not be the preferred option as they don't want to maintain a Facebook profile for the business.
Here's a stripped down sample I'm working with:
<html>
<head>
<title>Testing the Like Button</title>
<meta property="og:title" content="Company FB Test" />
<meta property="og:type" content="company" />
<meta property="og:url" content="http://www.domain.com/fb-test.html" />
<meta property="og:image" content="http://www.domain.com/logo.png" />
<meta property="og:site_name" content="Site Name" />
<meta property="fb:admins" content="__MY_FB_ID__" />
</head>
<body>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "https://connect.facebook.net/en_US/all.js#appId=207642302633270&xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<div class="fb-like" data-send="false" data-layout="box_count" data-width="67" data-show-faces="false" data-font="arial"></div>
</body>
</html>
A couple of notes:
The sample includes the protocol "https:" - as mentioned, I've tried without as well.
This has been tested in the latest versions of Chrome 13, Firefox 6 and IE 9
I've tested this in Facebook Lint and it gives me no errors.
Thanks in advance to whoever succeeds in pointing out the obvious to me - and to anyone else who chimes in with any friendly advice.
Cheers,
Zac
You need to make sure to add this code somewhere in your page:
<div id="fb-root"></div>
You will see in the chrome debugger tool that there is an error saying it can't find that div.
I am trying to add the Facebook “Like” or “Recommend” button to the bottom of some of the content pages on our website, so that when someone clicks it, it is immediately posted on their FB wall - spreading the word about the page etc.
I found this code to do it:
<div id="fb-root"> </div>
<script src="http://connect.facebook.net/en_US/all.js#appId=174289559298553&xfbml=1"></script>
<p><fb:like send="true" show_faces="true" action="recommend" font="arial" href="http://amathus.staging.screenpages.net/moillardproducerpage" width="450"></fb:like></p>
But when I put it on the page and test it by "liking/ recommending" it, when it feeds through to my facebook the image picked up to represent the page with the link is not good at all.
I then tried putting meta tags in the coding so that it picked up the right image, like this:
<meta property="og:title" content="Domaine Moillard" />
<meta property="og:type" content="drink" />
<meta property="og:url" content="http://amathus.staging.screenpages.net/moillardproducerpage" />
<meta property="og:image" content="http://www.amathusdrinks.com/skin/frontend/default/default/Agro-de-Bazanc.jpg" />
<meta property="og:site_name" content="Amathus Drinks" />
<meta property="fb:admins" content="61406146" />
But again the only images it picked up on were the small payment logo at the bottom (sagepay logo - not ideal!).
Anyone know how I can get it to show a relevant image next to the link when someone likes the page?
Thanks,
Clare
I tried running http://amathus.staging.screenpages.net/moillardproducerpage thru the linter tool (https://developers.facebook.com/tools/debug) and nothing came up. Is this the correct URL?
From the image url you gave above, I see it's from http://www.amathusdrinks.com/, so I ran http://www.amathusdrinks.com/moillardproducerpage thru the linter tool as well. Got some results, but it has some issues to be fixed:
Inferred Property: The og:url property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property: The og:title property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property: The og:image property should be explicitly provided, even if a value can be inferred from other tags.
I'd say, fix the og: tags on that page, and you'll be back in business :)