Comments on Head to screen collision (H2SC): Teach your Blogger Blog to speak Facebook's open g...

Guys this method works for me all other i have fou...

2012-02-24T04:49:30.701+02:00

Guys this method works for me all other i have found around the web is not working. But the only problem is how to set 1st Image of image from the post instead of default logo. kindle let me know.

Thanks in advance

how to fix like thumnail ... alway it show default...

2012-02-23T23:49:06.249+02:00

how to fix like thumnail ... alway it show default image but not the one which is in post. I want to show thumnail of post image

It worked like a charm. No errors at all. Thank yo...

2012-01-27T12:54:42.610+02:00

It worked like a charm. No errors at all. Thank you very much!!

Hi, If you have a look at my blog source (http://...

2011-12-16T18:32:57.519+02:00

Hi,

If you have a look at my blog source (http://www.archaeojobs.com/) you will see that I am already using your 'Facebook open graph'. Could you let me know if you understand what is wrong with my code? Thank you,
Paolo

Paolo, if you want photos from your posts, instead...

2011-12-16T18:14:44.535+02:00

Paolo, if you want photos from your posts, instead of usinjg Open Graph Protocol, use the solution I posted.

Link to my comments made on this blog http://blog.yanivkessler.com/2010/07/teach-your-blogger-blog-to-speak.html?showComment=1312302641394#c2458189417277137301

The contents of my post shodl be self explanatory.

Hope this helps

Ok, I replaced your image with my blog's logo,...

2011-12-16T11:53:20.554+02:00

Ok, I replaced your image with my blog's logo, but:

-Still no description

-It always shows just that logo rather than the image in the post

Help!

PS: and the image shown is lways that of a guy sit...

2011-12-16T11:42:45.657+02:00

PS: and the image shown is lways that of a guy sitting in front a computer on a yellow background.

Ciao, I have followed you advice, but when I shar...

2011-12-16T11:40:33.072+02:00

Ciao,

I have followed you advice, but when I share a post on Facebook the post description doesn't show up. Any help?
My blog is called ArchaeoJobs (http://www.archaeojobs.com/)
Paolo

This was so terrifically helpful. Thank you so mu...

2011-10-19T03:26:39.573+02:00

This was so terrifically helpful. Thank you so much. Before your fix, links to one of my blog posts would show snips of visitor comments instead of text from the post. I entered your code, and now facebook links to my page are exactly right.

:)

You're damn awesome man. The stuff that you...

2011-09-12T17:46:10.569+03:00

You're damn awesome man. The stuff that you've put here has eluded me since ever. Finally, I have been able to link image of my choice to thumbnails of facebook share. Thanks again :)

2011-08-12T19:10:24.581+03:00

This comment has been removed by the author.

2011-08-12T19:04:05.907+03:00

This comment has been removed by the author.

I'm using an old template. I think, this the s...

2011-08-03T12:44:05.111+03:00

I'm using an old template. I think, this the soource of my problem. :) Thank you for your help!

Also read this on how to properly code your data t...

2011-08-02T19:49:21.376+03:00

Also read this on how to properly code your data tags i.e. [data:post.body/] in the new blogger template,http://www.consumingexperience.com/2007/01/new-blogger-expr-how-to-convert.html

and Sancho, make sure you replace every "[&qu...

2011-08-02T19:32:19.345+03:00

and Sancho, make sure you replace every "[" in my comments with "<" before you apply the codes

Sancho, I would have loved to help, but based on y...

2011-08-02T19:30:41.394+03:00

Sancho, I would have loved to help, but based on yr screenshot, I have not come across this before, and hence unable to explain this. But hopefully, I can give you a few clues to where it could have gone wrong

(1)I did not apply Yaniv's FB OGP tweaks at all. If you have used Yaniv's tweak, please roll back.

(2) Instead I modified Yaniv's FB OGP tweak by using [b:if cond='data:blog.url == "PUT_URL_HERE"'] conditional tags to target FB OGP to SELECTED STATIC PAGES. The reason is noted in (3)

(3) Please note that the STATIC PAGES do not have 'data:post.snippet', but the POST PAGES do. Also please check if you're using the old blogger templates or newer ones (because I am not sure if older templates include 'data:post.snippet')

(4) Hence I relied on my 'data:post.snippet' tweak on POST PAGES only.

[[[[[NOW ON TO the 'data:post.snippet' tweak for FB]]]]]

(1) Insert the code below, anywhere before you see any [div][/div] or [b:if][/b:if] containing [data:post.body/] :

[b:if cond='data:blog.pageType == "item"']
[b:if cond='data:post.snippet']
[meta expr:content='data:post.snippet' name='description'/]
[/b:if]
[/b:if]

(2) all the[data:post.body/] in your template should become [p][data:post.body/][/p]

Hope this fixes your problems. Sorry I wasn;t able to explain your screenshot

What is the problem? :) See the desc.: screenshot about problem

Dear 达达, Can you create a clear code for me? Beca...

2011-08-02T15:58:30.964+03:00

Dear 达达,

Can you create a clear code for me? Because I don't know whitch codes wrong from the original blog, and what should I change on it?

Thank you Sree for the compliments. I made a mista...

2011-07-28T12:32:32.569+03:00

Thank you Sree for the compliments. I made a mistake there in the previous comment. Thank you for highlighting the error. The following Blogger post snippet description meta tag should go before [data:post.body/]

[b:if cond='data:blog.pageType == "item"']
[b:if cond='data:post.snippet']
[meta expr:content='data:post.snippet' name='description'/]
[/b:if]
[/b:if]

And you're correct, if you use the post snippet, facebook's linter tool then does not pick the og properties, og:title, og:type, or og:image. However, it is a good trade off, as Facebook picks up the correct Image, Title, Site Name, and description. Try "Like"ing one of two of my posts and you'll find it turning up correctly on your FB Wall

However, please not that while this is successful when it comes to post pages, the same cannot be said for static pages

In order to fix this, I am using H2SC's OGP solutions, coupled to making these OGP meta tags conditional to the static pages. This way, I get to control what OGP meta tags I want to show for individual static pages. To me, dynamic fetching of images are not necessary for these static pages, as I use them for non-dynamic purposes

I am unsure how this would impact on the FB OGP as a whole, I am not even sure if the "Likes" of post pages are getting onto friend feeds, but at least these "Likes" get onto their Walls in a correct manner

As for your query on "how you are inserting the [link rel="image_src"] dynamically in your posts" , you lost me there...

But I can tell you another trick, Facebook pulls the description from the following sources, (1) First it looks for a description meta tag, and uses the content as description, (2) if that fails, and no description meta tag are found, Facebook looks for the first [p](paragraph) tag that contains at least 120 characters, and(3) only when none of the above is available, it leaves the description spot blank.

Therefore, I do this, [p][data:post.body/][/p], at every instance of [data:post.body/] in my Blogger template

In summary, I think Facebook pulled the image "dynamically" from my post pages using the data:post.snippet, while perhaps my description is pulled from the [p] shoulders.

Hope this helps!

Hey 达达, Saw your lovely blog. But I believe that i...

2011-07-27T11:18:53.215+03:00

Hey 达达,
Saw your lovely blog. But I believe that inserting the meta tag after [data:post.body/] would not put the meta tags within the [head] section of the page but would rather put those within [body] and facebook's linter tool then does not pick the og properties. Als could you let me kow how you are inserting the [link rel="image_src"] dynamically in your posts. Thanks in advance.

Update Mar 2011: Blogger now provides a (unique) s...

2011-07-26T06:00:23.589+03:00

Update Mar 2011: Blogger now provides a (unique) snippet for each blog post, which in turn can be used as meta description (which is picked up nicely by Facebook).

Basically,to add post snippet description meta tag (replace all "[]" with "<>":

after
[data:post.body/]

add
[b:if cond='data:blog.pageType == "item"']
[b:if cond='data:post.snippet']
[meta expr:content='data:post.snippet' name='description'/]
[/b:if]
[/b:if]

Furthermore, if you get creative, you can still use the Blogger conditional tags to "direct" where and when you want certain Facebook OGP to apply

List of conditional tags:
Index (list) pages include homepage, labels page and yearly archive page.
[b:if cond='data:blog.pageType == "index"']

Post (item) page
[b:if cond='data:blog.pageType == "item"']

Static Page
[b:if cond='data:blog.pageType == "static_page"']

Archive page
[b:if cond='data:blog.pageType == "archive"']

Homepage
[b:if cond='data:blog.url == data:blog.homepageUrl']

Specific page/url
[b:if cond='data:blog.url == "PUT_URL_HERE"']

Hope this helps. Do drop by http://when2meets2.blogspot.com/ my blog for a visit too. There's a Google translate feature, to suit your language preference.

I don't understand, why can't insert/use t...

2011-07-14T13:06:30.261+03:00

I don't understand, why can't insert/use the 'data:post.thumbnailUrl' parameter to it? Any idea?

Original code:
content='URL OF THE STATIC IMAGE' property='og:image'

Tried code, but not works:
meta expr:content='data:post.thumbnailUrl' property='og:image'

Example about using this parameter for other things:
http://www.bloggerbuster.com/2011/03/easy-post-summaries-and-thumbnails-for.html

Hey, Was wondering If you can throw some light on ...

2011-07-12T12:40:08.546+03:00

Hey,
Was wondering If you can throw some light on how to show one of the images in the post for the liked thumbnail on facebook, instead of a static image.

Dear Mihir, This is not good, because the first i...

2011-06-29T17:17:38.049+03:00

Dear Mihir,

This is not good, because the first image the favicon or the logo, not the first picture from the article.

If you exclude the og:image tag, the first image i...

2011-06-29T16:53:47.672+03:00

If you exclude the og:image tag, the first image in the post is automatically taken.

The site image (static) can be specified within the if loop for pageType = index as mentioned in this post.