I am trying to fix an issue where the correct images from text posts on Tumblr will appear on Twitter and Facebook when shared.
However at the moment whenever I share links it, it only shows a default website logo image. This is the current meta properties I have.
Facebook:
<meta property="og:image" content="https://40.media.tumblr.com/ead5cd62aae049daa2a0a3298140c6d3/tumblr_numuxlvfaX1r8no6so1_1280.png"/>
Twitter:
<meta name="twitter:image" content="http://static.tumblr.com/2shno8o/v2Wni0xt8/new_ah_logo_white_with_black_bg.png" />
I'm guessing I need to add a default id/class within the image element in my text post but I am not sure how to connect it to the meta tags.
<img src="https://41.media.tumblr.com/5eaa1c9e156caf61c139778b4f81e86b/tumblr_inline_nrftnqzKjB1t3m09q_540.jpg" width="250px">
I am wanting the image that shows from each individual text-based post to show when links are shared on Facebook and Twitter.
Any help?
Related
I've created a view in tableau online using a live connection. I want to the page to refresh automaticly every 10 minutes. It can only be done by pressing manually the refresh button in the dashboard/view in tableau online, refreshing the browser page wont refresh the dashboard. I saw a tableau discussion with this tip: "Tip: To continually refresh a view, in the <head> section of the web page, add <meta http-equiv="refresh" content="#">, where # is the number of seconds between refreshes." How can I do this? Can this be done in tableau online?
As a second option I can add parameters to the dashboard URL to fix this issue. I saw this in this discussion: https://community.tableau.com/thread/289924 At least the part ":refresh=yes" had to be added to the URL. Since I'm totally unknown in this area I was not able to fix this. Where and how I need to add this to the url so this will permantly works?
I'm also open for other suggestions.
There are a couple of ways you could approach this, which one you choose will depend on your situation, scale, and available resources.
Option 1: Embed with meta tag
This is the first option you were describing. In order to do this, you will need to embed your dashboard into your own custom separate webpage. You can get the embed code from the share button on any dashboard and can customize it using parameters and the JavaScript Embedding API. The meta tag you mentioned would then go in the header of your custom webpage where you are embedding the dashboard. So it would look something like this:
<html>
<head>
<meta http-equiv="refresh" content="600">
</head>
<body>
<script>
// Your embed code from the dashboard here
</script>
</body>
</html>
You would also want to make sure to include the :refresh tag you mentioned so you always get the latest data.
Pros: Anyone can open the page and have an auto-refreshing dashboard without installing anything.
Cons: You will need to have some form of a webserver to host your custom page. Requires some coding. Hard to scale up the number of dashboards.
Option 2: Chrome Extension
This is the second option you were describing. In this case, a chrome extension in the browser is refreshing the page for you. That means you don't need your own separate webpage. However, it will only work on the browser you install and setup the extension on. It looks like there are a couple of auto-refresh extensions in the chrome web store you can choose from. You would need to configure them to refresh the page, again make sure to include the :refresh tag on the url.
Pros: Don't need a separate webserver. No coding. Easy to scale for multiple dashboards.
Cons: Only works for the browser that the chrome extension is installed on.
Option 3: Dashboard extension
One option you didn't mention but I think is the best would be to use a Dashboard Extension. Dashboard extensions are web apps that you can bring directly into the dashboard. We currently have an Auto-Refresh extension in the gallery built for just this purpose. Once you've downloaded it simply open your dashboard, drag in a new extension object, select the downloaded file and configure for 10 minutes.
Pros: Don't need a separate webserver. No coding. Easy to scale for multiple dashboards. Anyone can open the dashboard and have it auto-refreshing without installing anything.
Cons: Auto-Refresh only works with 2019.4+.
Hope this helps!
Facebook has stopped displaying my og:image meta-tag correctly. It was fine on Thursday and Friday, but not today.
My og:image uri includes ampersands which are definitely output as & (rather than &) - I have checked 'View Source' and even temporarily hardcoded a uri.
But when they go through Facebook's Open Graph Debugger (and presumably by Facebook itself because my posts have no images) they appear as &.
Here is a meta-tag from 'View Source' of my site:
<meta property="og:image" content="http://example.com/xc/455365166.jpg?v=2&c=IWSAsset&k=2" />
Here is how it is read by the Facebook Open Graph Debugger:
<meta property="og:image" content="http://example.com/xc/455365166.jpg?v=2&c=IWSAsset&k=2" />
Does anyone know why this should be? Has anyone else encountered the issue? Have Facebook changed anything in the past few days?
I have trawled through the Facebook API docs and a number of SO questions, but nothing matches my issue.
How can I resolve this? How can I stop Facebook converting my & to &?
Erm, ok, it is working again today - I've not changed anything.
[shakes fist at Facebook]
I made a new blog post on my website and provided an image for SocialGraph tag:
<meta property="og:image" content="http://i.imgur.com/someOldImage.jpg" />
The image was hosted on imgur, and posted it on the web.
After few minutes I decided to change the image and updated it to the new image that was also uploaded on the imgur. However as far as the html markup is concerned it does show social graph tag values according to the new image.
<meta property="og:image" content="http://i.imgur.com/someNewImage.jpg" />
But when I go to post on facebook the facebook preview shows the imgur error that
the image you request doesn’t exists or no longer available
Which means that FB is still trying to fetch the old image and not the new one even though I have updated it in the markup?
Why is this so, how can I refresh facebook social graph values for the url? Please explain its an important post and this way its like causing an embarrassment?
Go to https://developers.facebook.com/tools/debug
Enter URL and append fbrefresh=CAN_BE_ANYTHING
Example: http://example.com/?fbrefresh=CAN_BE_ANYTHING
Facebook like does not work as expected with pretty photo.
Here is my url:
http://somedomain.com/photography/#!prettyPhoto[set_3]/0/ this url show an image in the pretty photo.
What i am seeing is that only till http://somedomain.com/photography/ is shared in the facebook, the link after the # is ignored.
Due to this issue all the images in the photography gallery shows the same like count.
How can i fix the issue?
What does the developers.facebook.com/tools/debug tool say about the links you're trying to share?
An og:url meta tag or, canonical link meta tag, etc will redirect Facebook and may result in metadata being pulled from a page you weren't expecting it to be pulled from
I am doing my best to set up open graph on my website.
It's all working ok and looking good on Facebook, but I'm getting this error message on my site:
Object at URL 'http://www.thesocialnetworkingacademy.com' of type
'website' is invalid because the given value '159229554128788' for
property 'fb:admins' could not be parsed as type 'fbid'.
Can anyone tell me in fairly basic terms what I need to do to fix that?
Your ID looks like a page ID rather than an admin ID. You need to supply the user ID of one or more admins for this page, or switch to an fb:app_id instead of an fb:admin meta tag.
If you wish to stick with the fb:admin approach you can enter your Facebook username rather than the numeric ID, which is probably easier to debug and manage, you can find your user name on your profile page in the page URL eg if your page is facebook.com/johndoe then your username is johndoe. If you want to get your numeric ID for any reason you can find it by visiting: http://graph.facebook.com/johndoe
You can then check that this is all working by using the Facebook debugger to test your site: http://developers.facebook.com/tools/debug
Using the debugger is the best way to test it - Facebook will take ages to update it's cache of your pages, so you won't see the results of any changes you make for days otherwise.
fb:admins has to be a user ID. This is telling you that the fb:admins value isn't a user ID. You need to put your user ID in there, or use an app ID with fb:app_id
https://developers.facebook.com/docs/opengraph/
I had the same problem.
You need an APP ID for that to work. A website is not an app. You must go to https://developers.facebook.com/apps and create a new APP. After the creation you will recieve an APPID. That is the id that you need.
You can use multiple admin ids AND also an app id if you wish at the same time
<meta property='fb:admins' content='5555555'>
<meta property='fb:admins' content='7777777'>
<meta property='fb:app_id' content='888777555555'>
can find admin id by going to the opengraph page for a user, e.g.
http://graph.facebook.com/gbirbilis
can find app id by going to
https://developers.facebook.com/apps
In fact, lots of websites use fb_appid rather than fb_admins, like this mac video converter site.
If you want to get your fb_admins ID, this page may help you
I had the same problem and the problem was passing the app_id and admin_id like this:
<meta content='{5555555}' property='fb:admins'>
<meta content='{555555555555}' property='fb:app_id'>
And it should be like this:
<meta content='5555555' property='fb:admins'>
<meta content='555555555555' property='fb:app_id'>