How can I change the content of my facebook share option? my web app is written on PHP with Zend Framework. I want to change the content of the facebook share option instead of the description that was already been in the website.
If you use fb social plugin, it reads the open graph tags.
<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />
You can set those in zend by using in controller
$this->view->headMeta()->setProperty('og:description','asdasdasd');
$this->view->headMeta()->setProperty('og:title',"title here");
$this->view->headMeta()->setProperty('og:image',"url");
if you dont want to use that open graph tags,
Creating Your Own Share URL
https://www.facebook.com/sharer/sharer.php?s=100&p[title]=titlehere&p[url]=http%3A%2F%2Fwww.yoururlhere.com&p[summary]=yours description
Open that URL in a browser, when user click share icon/link.
Btw, share is deprecated.
FYI: https://developers.facebook.com/docs/share/
FB Share description:
You can control the exact title, description, and thumbnail that Facebook Share uses by adding the following meta tags to the element in your page:
<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />
please read more here:
regards.
Related
So I have this cakephp project, when I share the link to facebook i don't get og:description, og:image etc, even though everything seems to be there.
My code: (Views/Layouts/default.ctp)
<head>
...
<meta property="og:url" content="<?=Configure::read('og_url');?>landing" />
<meta property="og:title" content="<?=Configure::read('app_title');?>" />
<meta property="og:description" content="<?=Configure::read('og_description');?>" />
<meta property="og:image" content="<?=Configure::read('og_image');?>" />
...
</head>
I initialize everything in bootsrap.php so all my files can have access to these values.
Which produces this, View Page Source:
<head>
...
<meta property="og:url" content="https://www.philippidescompetition.com/landing" />
<meta property="og:title" content="Back To School Spin & Win! " />
<meta property="og:description" content="Συμπλήρωσε τα στοιχεία σου και παίξε "Spin & Win"!" />
<meta property="og:image" content="https://www.philippidescompetition.com/img/wheel/og_image_s.jpg" />
...
</head>
So far so good, but when I share the link on facebook I don't get any of the meta data.
I tried the debugger tool, but it didn't really help.
I want to share philippidescompetition.com/landing this link, which redirects to the facebook app page or to the actual url philippidescompetition.com/users/register on my server, according to if its from a desktop or mobile, so am thinking this redirect causes the issue, but if I share philippidescompetition.com/users/register which doesn't have a redirect, all meta data are still empty
Any ideas?
You need to add an exception to your automatic redirect for the Facebook scraper.
It can be recognized by its User-Agent, see https://developers.facebook.com/docs/plugins/faqs#faq_1748179212062572
I want to share title , image and description on facebook without javascript just by passing these to share.php of facebook.
I got some code on this site in question Open source alternative to AddThis AddToAny, ShareThis etcfor Social Bookmarking
and I have read the question how to pass custom parameter in facebook sharer link
Now I want to combine both questions. Can I pass Image, title and description simply in the facebook share.php url
like:
<a class="scmFacebook" href='http://www.facebook.com/sharer.php?s=100&p[title]=<?php echo $title;?>&p[summary]=<?php echo $summary;?>&p[url]=<?php echo $url; ?>&&p[images][0]=<?php echo $image;?>'>Facebook</a>
OR
If I am wrong then please show me the right destination.
According to the facebook developers (bug):
The sharer will no longer accept custom parameters and facebook will pull the information that is being displayed in the preview the same way that it would appear on facebook as a post from the url OG meta tags.
Either you use the Share Button - requires Javascript SDK
Or, use the latest Share Dialog - requires just an app id. It has a direct url direction method for invoking the share dialog:
https://www.facebook.com/dialog/share?
app_id={app-id}
&display=popup
&href={link-to-share}
&redirect_uri={redirect-uri}
<head>
<meta property="og:title" content="Title" />
<meta property="og:image" content="image_link" />
<meta property="og:url" content="https://www.google.com/" />
<meta property="og:description" content="Description" />
<meta property="og:site_name" content="Google" />
</head>
<body>
Facebook
</body>
Use meta property to use title description and image and link sharer.php to share
I'm using this url to share on social n/w's, all are working fine,
If i share it on social's like facebook, it works well, but if second time i made any changes in item name or description then it shares old data instead of sharing new updated data.
<!-- Facebook Share Components -->
<meta property="fb:app_id" content="111111111" />
<meta property="og:image" content="<?php echo $img_path;?>"/>
<meta property="og:title" content="www.abc com"/>
<meta property="og:description" content="<?php echo $itemDetail['item_description'];?>"/>
<meta property="og:url" content="http://abc com/abcd.php?id=<?php echo $_GET['item_id'];?>"/>
<meta property="og:site_name" content="abc"/>
<meta property="og:type" content="website"/>
How to clear old data from facebook or from other social's after sharing? I think it's storing that data in cookies or whatever it is.
Here I give space near dot in dot com(cz not allowed)
It's not being stored in a cookie, it's actually being stored by Facebook. There's no way to programmatically force FB to re-scrape your page. You can use the following to tell FB to re-scrape your page, but I don't think it's possible to do after a share.
https://developers.facebook.com/tools/debug/og/object
Why do you need to update the values after each share?
I am going crazy over this, like going gray haired instantly.
I hope someone can help me.
I am currently developing a website which has accommodations.
They have a page for each accommodation with details of that item.
Before the document is put out to the browser, I collect all meta data for Open Graph with php and output it all in the head of the document with the use of og meta tags.
A strange thing happens at all these pages, for example http://parclaclusure.internetanders.nl/nl/accommodaties/lodgetenten/
Because when I use the Facebook Debugger on that url it comes up with different results than the browser gives me in the source code.
The things I did to rule out any problems on my part:
Checked the HTML with the W3C validator, it checks out, no errors
Used an extra parameter to ensure that de meta data is not cached # Facebook, like adding ?test=1234 to the url
Search on Stackoverflow (and the rest of the interwebs) for the same problem, couldn't find any
Can anyone point out what's wrong with my og meta tags? or why they are ignored/changed in Facebook. (Facebook uses the og meta data of a page located 1 step higher -> http://parclaclusure.internetanders.nl/nl/accommodaties/)
Note: Please be discrete with the website address, because it's a development environment and not yet meant to go public, live or viral :P, thanks!
It looks like a session problem. I have the feeling a session is set after all the required data is loaded.
What I notice is that after a page refresh I see different content.
Hope this helps...
You need to check your page with the OpenGraph Debugger : https://developers.facebook.com/tools/debug/
It will update the content of your OG tags in Facebook. It doesn't update the content each time someone share your page, only on debug.
EDIT : On your code :
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/defaults/default.facebook.png" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-e04fcee6a2ba22c917d1c45e6c61b926.jpg" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-0cb0ca4759b278c22f075c781a628956.jpg" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-6c63e58a9ba8d555f277d34d2daeddc5.jpg" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-73f0f66a0d05d0bf570254f1eb7072f8.jpg" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-063fcc1f10db6bdb3e2d3c4d053f76db.jpg" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-1c0526d2cc3c916fc3c67d0b83e6f7f9.jpg" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-a850047c2225b1b9e5d5fddae1d1c7bf.jpg" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-25094d3a08fb093983dedffdcaf14c88.jpg" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-3414c0ad4780a27ad8326007ec3987ae.jpg" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-845b24160e9fe438e851a6b2fb17af17.jpg" />
<meta property="og:image" content="http://parclaclusure.internetanders.nl/uploads/images/300x300-0e2b4efe0d30745ea34afc9b01bb6eb4.jpg" />
What do you expect from this ? You are supposed to have only one OG:image metatag...
I have to customize the elements displayed in the facebook personal page after publishing the like made to a post on a website.
I see that image, title and links are displayed but i have to display the post description too.
I've read, following some "Questions that may..." that i should use the Open Graph API but i would do the simplest solution ever to include the "description". If i could use the basic solutions offered by Facebook it would be a better solution.
Any suggestions?
You have to use the Open Graph API headers in the HTML page of your posts. E.g. in any post page from your website you have to add something like this in your HEAD section
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Site name" />
<meta property="og:title" content="Title" />
<meta property="og:description" content="Some description" />
<meta property="og:image" content="..." />