I connected my blog with Google plus, so that when I publish a new post on blogger there is a Google plus pop up to share that post on Google plus.
But I have a problem when I share a post on Google plus it also shares the blog title along with the post title, this looks ugly. I want to just share the post title not with blog title.
Any help appreciated.
Try changing how Blogger displays Title of your posts.
Last year I wrote a post on my blog describing how to do that in Blogger, just skip to the second part of the post.
Basically in your template locate this line:
<title><data:blog.pageTitle/></title>
and replace it with
<title>
<b:if cond='data:blog.pageName== ""'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/>
</b:if>
</title>
Related
I'm not sure if this is new behaviour or if it didn't work at all.
So I'm using the LinkedIn Customized URL feature, you can look it up here. The URL looks like this:
https://www.linkedin.com/shareArticle?mini=true&url=http://developer.linkedin.com&title=LinkedIn%20Developer%20Network&summary=My%20favorite%20developer%20program&source=LinkedIn
Once I share the URL the provided summary is not shown in the post preview:
So I tried with other services like Youtube, Reddit etc. and all posts do not include the provided summary.
Unfortunately I can't provide you the open-graph tags I used on my site as it's running in a corporate environment and I'm not sure if I can provide these snippets as of now.
However, running linkedin's Post Inspector shows that it detects my summary without problems:
Values are in German if anyone wonders...
So my quick and fairly simple questions, which might be answered in a comment as well, are:
Did linkedin change something on their side?
Is there some other undocumented property which neither youtube nor me included in the customized URL and therefore the summary does not show up?
Is there any post from linkedin developers which note this change?
Was it like that all the time or is it just a temporary thing?
Main Problem People are Experiencing: You cannot display BOTH an image and a description. You may only use one. Indicating an OG tag for image means your description will not display. Source: Arguing with LinkedIn Support for 2 Weeks.
LinkedIn only supports one parameter in their share content now:
https://www.linkedin.com/sharing/share-offsite/?url={url}
Source: Microsoft LinkedIn Share URL Documentation.
If you want to specify title and summary, then you need the og tags, but these are things LinkedIn associates with the URL, and it doesn't populate in the message body.
Otherwise, this works for me:
https://www.linkedin.com/sharing/share-offsite/?url=http://www.wikipedia.org/
Works fine:
If you are interested in a regularly maintained GitHub project that keeps track of this so you don't have to, check it out! Social Share URLs
LinkedIn now uses the Open Graph tags to show the preview.
Below are the og:tags that must exist and their correct format:
<meta property='og:title' content='Title of the article"/>
<meta property='og:image' content='//media.example.com/ 1234567.jpg"/>
<meta property='og:description' content='Description that will show in the preview"/>
<meta property='og:url' content='//www.example.com/URL of the article" />
And the sharing url is changed to:
https://www.linkedin.com/sharing/share-offsite/?url=your_encoded_url
Please see this Making Your Website Shareable on LinkedIn
I've seen it several times on my facebook timeline where the image of a shared link is not in the post itself. Example:
https://www.facebook.com/BarakaBits/posts/1065758210116791 - Image has text on it.
screenshot
Here's the post itself: http://www.barakabits.com/2015/01/beauty-moroccos-diversity-captured-stunning-photo-series
Is this a hidden image? I'm using a wordpress blog, how can I do this? Do I need a special plugin?
Thank you in advance!
Wil
I don't know exactly what this site is doing, but you can suggest that Facebook use a specific image (not necessarily one found on the page) by using the og:image Open Graph tag. For example, something like this would go in the <head> portion of your site:
<meta property="og:image" content="http://www.barakabits.com/wp-content/uploads/2015/01/Moroccos-faces-featured-6.jpg">
As you can see from the site you referenced, you can have multiple og:image tags, and the user will be able to choose which one is displayed in the post.
Here's Facebook's guide to Open Graph tags: https://developers.facebook.com/docs/sharing/best-practices
How can I access all the comments from the Facebook Comments Box on my website?
When I checked the Facebook documentation, I have this link:
The comments for every URL can be accessed via the graph API. Simply go to: https://graph.facebook.com/comments/?ids={YOUR_URL}.
But it's only for one page, I want the global result for all the pages in the website.
Thanks for your help!
You can add yourself as a moderator (which is probably a good idea anyways) by adding this in head:
<meta property="fb:admins" content="{YOUR_FACEBOOK_USER_ID}"/>
Or you can instead add a Facebook application (and all the moderators of that app) with:
<meta property="fb:app_id" content="{YOUR_APPLICATION_ID}"/>
(but note that you can't do both).
Having done that, you can see all the comments to moderate here:
https://developers.facebook.com/tools/comments?view=queue
Unfortunately there doesn't seem to be anyway to subscribe to this queue.
I'm develop sucsongmoi.net (vietnamese language) and when viewer share link of site from their wall some link facebook get description and image, some link facebook could not get description and image.
eg: share sucsognmoi.net facebook do not get description, image
but when i share: sucsongmoi.net/nau-gi-hom-nay-84.html facebook could get description and image.
I feel odd because I implement same code for this.
when I share through:
https://www.facebook.com/sharer/sharer.php?u=http://www.sucsongmoi.net/?a=1
then it works. Is that facebook cache my site (như google index)? Then how can I update it?
thanks in advance
Here is a great tool facebook provides us to deal with exactly these issues -
Meet facebook's URL Debugger. With regard to YOUR problems, you can see from this report that facebook is unable to retrieve the title & url og:tags.... this is possibly due to the non-standard character set that you are using... can you try change the og:title value to something with only regular English letters? Or alternatively placing some Unicode characters instead.
I can not see ANY og:tags in your source. You can read more about Open Graph and the og:tags on this link.
Basically you have to place these tags in your page so that facebook can know what information to take and display when a user shares your url.
For example :
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
This will tell facebook about the image to use and the website name.
If you want to control the information that is shown when your link is posted in a Facebook status then you must add some Open Graph tags to the head section of your web page.
They are explained here: https://developers.facebook.com/docs/opengraph/
I'm integrating a Like button in the individual blog posts on my company's website ( www.atlas-games.com , blog by CLASSIC Blogger at http://blog.atlas-games.com ... can't use a widget). Unfortunately the metadata isn't passing through, so in Facebook it looks like:
Michelle Nephew likes a link.
Atlas Games: Charting New Realms of Imagination <--website's name, not post title
The item links work correctly on "link" and "Atlas Games ..." directing to the individual post, but it's using generic text rather than the individual post's title, the site name I specified for Facebook, and the image.
Object Debugger comes up with Inferred Property errors for URL, Title, and Image, though I specify them in the header of my page. For some reason Facebook just isn't finding the metadata, seems like. See the report here:
http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fblog.atlas-games.com%2F
I'm having trouble posting my code here ... View Source, though, and you'll see the Meta Property tags in the header and the iframe in the post's footer code (commented out right now).
This is the third time over the course of several months that I've spent hours trying to get this to work, with no luck, so it's not a temporary issue. Any suggestions?
It seems like the structure of the HTML might be the issue as it could be stopping Facebook finding the Open Graph tags.
Fixing these validation errors might allow the tags to be parsed:
http://validator.w3.org/check?uri=http%3A%2F%2Fblog.atlas-games.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
Also there are some template variables in the OG tags which aren't being replaced with values:
<meta property="og:title" content="<$BlogItemTitle$>" />
I have the same problem on my blog! And I can't even insert html for the facebook like button directly from facebook developers, into my blog, my blogger blog tells me that the html is erred. I think it has something to do with blogger being a google blog and google now having google+. I noticed all my problems began when google+ came out, I think google is possibly screwing up the facebook like buttons on google sites, to gain monopoly through "share on google+" .