I am trying to add Two different Facebook share links on one page.
I have this one:
<meta property="og:url" content="https://www.example.com/Start"/>
That one is to share a background image. I need to make another one for a contest is it possible.
Thanks for any help you can give.
<meta property="og:url" content="https://www.example.com/Start"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="XXX is Cape Breton's Homepage"/>
<meta property="og:description" content="* The Northeast Margaree River from Doyles Bridge in the morning *"/>
<meta property="og:image" content="https://www.example.com/Start/images/backgrounds/bg9.jpg"/>
Related
I cannot get the image to show when sharing my site in FB. Below is my open graph code.
I have rescraped using the FB sharing debugging tool (https://developers.facebook.com/tools/debug). soooo many times, and it never displays, in the tool or in a share.
The debugger reports no errors, and lists the correct image.
The image is 1200x630 and exists on the same site.
Using open graph checker displays the expected image.
https://iplocation.io/open-graph-checker.
I have tried everything i can find in posts. but i really need this working for marketing.
Hope someone has the secret sauce.
cheers,
<meta property="fb:app_id" content="123456789"/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="http://www.example.com/images/og2.jpg"/>
<meta property="og:image:secure_url" content="https://www.example.com/images/og2.jpg"/>
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:title" content="my title"/>
<meta property="og:description" content="my description."/>
<meta property="og:image:width" content="1200"/>
<meta property="og:image:height" content="630"/>
Here is the scenario, I have an embedded youtube video on the page and 2 share buttons below it; the client wants those buttons to share the embedded video. This is a pretty straight forward question... just not sure how to go about it.
I understand that the video has sharing buttons, but they want the two big buttons outside of the iframe to share the video.
Give the same OG Metatags as given by youtube for that page.
For example if you have embedded this video on the page "https://www.youtube.com/watch?v=MkN7P08_oYM", then see the page source and mention the metatags as given on that page like
<meta property="og:site_name" content="YouTube">
<meta property="og:url" content="http://www.youtube.com/watch?v=MkN7P08_oYM">
<meta property="og:title" content="The Mysteries of Laura NBC Official Trailer [HD] | THE MYSTERIES OF LAURA">
<meta property="og:image" content="https://i.ytimg.com/vi/MkN7P08_oYM/maxresdefault.jpg">
<meta property="og:description" content="The Mysteries of Laura NBC Official Trailer: Get a look at the new series The Mysteries of Laura coming to NBC Wednesdays this fall. ยป Subscribe: http://bit....">
<meta property="al:ios:app_store_id" content="544007664">
<meta property="al:ios:app_name" content="YouTube">
<meta property="al:ios:url" content="vnd.youtube://www.youtube.com/watch?v=MkN7P08_oYM&feature=applinks">
<meta property="al:android:url" content="http://www.youtube.com/watch?v=MkN7P08_oYM&feature=applinks">
<meta property="al:android:app_name" content="YouTube">
<meta property="al:android:package" content="com.google.android.youtube">
<meta property="al:web:url" content="http://www.youtube.com/watch?v=MkN7P08_oYM&feature=applinks">
<meta property="og:type" content="video">
<meta property="og:video" content="http://www.youtube.com/v/MkN7P08_oYM?autohide=1&version=3">
<meta property="og:video:secure_url" content="https://www.youtube.com/v/MkN7P08_oYM?autohide=1&version=3">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="1280">
<meta property="og:video:height" content="720">
I use Facebook application (shortstack) to make my page.
I want to Personalize publication when I share it with short URL.
I have test to create a open graph meta tags but it's don't work .
You need to put opengraph meta tags in your page like
<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."/>
example found it here http://developers.facebook.com/docs/opengraphprotocol/
You also need to change the top tag to
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">
And then it should work fine :)
To debug your page and see if you correctly implemented opengraph tags use the debugger tool here: http://developers.facebook.com/tools/debug/
Hope that helps
I would like to ask how to add data with links after the description to a Facebook post, what meta tags i should use to have such result like image below
http://alternative-spaces.com/UPDATE/screen_shots/GraphProtocol.png
Here is my code
<meta property="og:title" content="Exciting views and amazing floor plans"/>
<meta property="og:url" content="http://mysite.com/"/>
<meta property="og:description" content="sdfsfsd http://mysite.com/" />
<meta property="og:image" content="http://somagrand.com/images/fb_icon.jpg" />
<meta property="og:site_name" content="content"/>
<meta property="og:type" content="company" />
<meta property="fb:app_id" content="229103737100322"/>
<meta property="og:latitude" content="33.8164994"/>
<meta property="og:longitude" content="-116.5469377"/>
<meta property="og:street-address" content="1160 Mission St."/>
<meta property="og:locality" content="San Francisco"/>
<meta property="og:region" content="CA"/>
<meta property="og:postal-code" content="94103"/>
<meta property="og:country-name" content="USA"/>
That post wasnt made by liking a page on that site and therefore wont be concerned with open graph tags. It was done through the legacy REST API action stream.publish - if you go here: http://www.musicolio.com and click the 'share' button at the top you will notice the URL for the popup is something like this (once decoded):
https://www.facebook.com/dialog/stream.publish?action_links=[{"text":"Join Now","href":"http://www.musicolio.com/"}]&api_key=138938132827513&app_id=138938132827513&attachment={"name":"Musicolio","href":"http://www.musicolio.com/","description":"Collaborate on music projects, connect with musicians, find talented musicians, find work in the music industry.","media":[{"type":"image","src":"http://www.musicolio.com/blog/wp-content/uploads/2010/12/micon.png","href":"http://www.musicolio.com/"}],"properties":{"Get Discovered":"Monitored by industry executives","Private":"No Spam","Job Boards":"Get work, get paid","Free":"Get connected for free"}}&display=popup&locale=en_US&next=https://s-static.ak.fbcdn.net/connect/xd_proxy.php?version=3#cb=f24407dddc7a49a&origin=http%3A%2F%2Fwww.musicolio.com%2Ff1be678fb013a1e&relation=opener&transport=postmessage&frame=f11e216310dbbde&result=%22xxRESULTTOKENxx%22&sdk=joey&target_id=
I've highlighted the part you're interested in. More information on this can be found here: http://developers.facebook.com/docs/guides/attachments/
I do have a video sharing website. Have everything setup, open graph tags according to specifications. When I share a video on Facebook everything looks fine (thumb, link, title, description) but the embedded player doesn't show up on the page, shows a blank flash movie
So my question is what am I doing wrong, how can I debug this thing, because I see no way out of this. It would have help if I could see the code used by Facebook, but I can't so I have no way to debug this
URL Eg. http://evahd.com/vutzN
<meta property="og:type" content="article">
<meta property="og:title" content="Frenetic kinetics">
<meta property="og:description" content="">
<meta property="og:url" content="http://evahd.com/vutzN">
<meta property="og:image" content="http://evahq.com/mp/1/vutzN-2.jpg">
<meta property="og:video" content="http://v.evahd.com/vutzN">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="640">
<meta property="og:video:height" content="360">
<meta property="og:site_name" content="EvaHD">
Thank you