The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Facebook Open Graph Meta Tag

Go down

Solved Facebook Open Graph Meta Tag

Post by runawayhorses February 16th 2013, 7:47 pm

As some of you know using the Facebook open graphs meta tag allows you to specify a specific image you want to be shared when someone uses a facebook share button like the one in forumotions toolbar. You can do this by adding the URL of the image to a meta tag designed for this purpose like the code below and add it to the head section of your page or site, if you don't use the open graphic meta tag facebook will choose an image at random.

My problem is this, the open graphics meta tag belongs in the "head" section of an HTML page and I want the open graphic tag on ALL pages of my forum so when a page is shared the assigned image in the tag will be used, and my forum version is Invision so I don't have access to the templates, and the meta tags you can add in: General>>Search Engines>>Additional tags>> will not work because when you add the meta tag to the tool it changes the line in the open graphic tag from "property" to "name" and it needs to read "property" like this (<meta property) or it won't work. After you insert the code the tool changes it to (<meta name). Its my understanding using meta name is HTML5 and thats great, but facebook wants the use of "meta property" so I need to figure out where I can put the code below so it will be on all pages of the forum. Any ideas on how to do this? A CSS conversion would be great but I don't think thats an option.

Code:
<meta property="og:image" content="http://i223.photobucket.com/albums/dd190/runawayhorses1/forumresources/theme/logo350x241.png"/>
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Facebook Open Graph Meta Tag

Post by runawayhorses February 17th 2013, 2:38 am

Hi rideem, no it didn't work, I'm using a facebook debug tool to test the Open Graph tag located here, and its not showing the image:

https://developers.facebook.com/tools/debug
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Facebook Open Graph Meta Tag

Post by runawayhorses February 17th 2013, 2:43 am

I just tried that too by clicking the facebook button and it didn't work, its showing a random image.

Oh and the message from the tool says:

"The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags."
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Facebook Open Graph Meta Tag

Post by runawayhorses February 17th 2013, 2:46 am

Yeah I was afraid of that. Thanks for trying.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum