I am amateur, so please be patient :)
I want to put an image as a welcome page on fan page. I created app, in which I insert a picture from website. This website has https address (my picture too :) ). But canvas URL must point to a directory (end with / or ?). On my site picture cannot ends with / - 404 Not found. When it ends with "?" , it works, but facebook doesnt appear it. Why? Please answer me.
Facebook accepts documents, not just a single image.
Make an HTML document, for example index.html. Put the image in the document. Publish this in a folder somewhere, and configure the App to use this URL, which now ends in a slash.
Related
I'm running Meteor 0.6.6.1, using the package Router and all my images are in the public folder.
My issue is: when I'm in the URL root (http://localhost:3000), after the template is rendered, I am able to load an image, as illustrated using the console in the image below:
But when I'm in another URL (http://localhost:3000/orderProduct/frame1) using the Router to drive the right template, I can't load the same image after the template is rendered, as shown in the image below:
As we can see from the console's output, the only difference is the well known Chrome's warning about the content type.
I would like to load the images in a routed URL after the template is rendered. Someone can help me, please?
Thanks in advance.
You use relative URLs for images, the ones that does not start with /. In this case, browser search for the image RELATIVE to the current document path. So in the second case, it search in the orderProduct folder, which does not exist - and hence the error. See what's the image URL the browser tries to fetch, it's different in the two examples.
To solve your problem use absolute path, the one starting with /:
$('body').append('<img src="/imageName.png">');
In this case, the browser will look for the photo in the given path on the current server, and it will find it regardless on what's the current page address.
I have a QR code image that's embedded from the Google Charts API. Recently it stopped working, but I haven't changed anything in my code.
Here's the page (note the broken images): [redacted]
As you can see, the images are embedded as http:// but when they are loaded, they're redirecting to the https:// URL on the google domain, which is broken.
Why is this redirect happening?
Edit: forgot to add -- what's even stranger is that if you view the image in a new tab, then change http to https (in effect, making the url the exact one that was originally requested),
it loads fine.
Edit #2 removed the link to my test site, as I've fixed the problem.
Turns out the google charts domain has changed. The new one is:
https://chart.googleapis.com
do not use
http://chart.apis.google.com
I have already searched the site but I can't find an answer to this. My problem is that Facebook is showing the wrong image after I press the 'recommend' button (it's the same as the 'Like' button but with different text).
The webpage is here: http://www.bamarang.in/perfume-tree/ and the facebook debugger is here: http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.bamarang.in%2Fperfume-tree%2F%3Ffb%3Dfgfgfg
The website needs an email but you can use a fake one to enter, as there is no confirmation.
As you can see everything seems to be correct but the wrong image is displayed. I've tried clearing the cache, on both the browser and Facebook (this last one by writing the webpage url's in the developer tool) but to no avail.
You can also see the webpage's source to check that all the OG tags are there and correct.
What else can I be missing? Please help.
See the wrong image showing up here: www.crosstastemovies.com/temp/fb_error1.jpg
See the FB scraper showing the correct image here: www.crosstastemovies.com/temp/fb_error2.jpg
I've updated the question to add the screen shots.
The link you provided for your site is: http://www.bamarang.in/perfume-tree/ but the link with the debugger is: http://www.bamarang.in/perfume-tree/?fb=fgfgfg.
As you can see those two urls are not the same.
I curled both urls, the first one returns a redirect to https://www.bamarang.in/customer/account/create/ and when curling that the output has no og tags in it (check yourself in the debugger).
The 2nd url (with the ?fb=...) indeed has the og tags.
What's the url you're using with the recommend button?
You should probably just output the og tags even when the fb parameter is not present, don't forget that people can just copy/paste the url into their status on fb, you have no control over how people share.
I couldn't really word the title very well, but here's my problem: I've got a webpage that reads from a database each time the user clicks a button, the content is then replaced for part of the page.
Because it is an ajax load, everything is done in the background, and so the URL stays the same. This wasn't be a problem at all until I realised that I will want to have a different Facebook comments box for each set of content that is loaded - so if someone comments, it is posted to their facebook profile, people click on the link and are then taken to different content.
So... what I need is some way of referencing each set of content, and I've found a site that does exactly that (I'm sure there are a lot of them).
Here's the link.
Each set of content has a different 'hash code' (because I don't know the actual name for it) which is appended to the URL - in this case the code is "#1922934", this allows people to post links to it that specific set of content on Facebook etc. - and also allows a different Facebook comment box for each set of content.
Does anyone know how such a set-up can be achieved or how these 'hash codes' work?
Here's a document from wikipedia on it.
[http://en.wikipedia.org/wiki/Fragment_identifier][1]
The main idea is that URI fragments are used because they don't cause a page reload. They also can be used to refer to anchors on a web page.
What I would do is on page load use JavaScript to read the URI fragment (location.hash) then make a request to your server to load the comments etc. The URI fragment cannot be read by a server and is only found through a client (browser)
Sounds like you want something like SammyJS.
I am writing an iPhone app that includes the ability to publish a link to a user's wall on Facebook using the latest Facebook supplied iOS SDK. To the dialog method I give a name, caption, description, link, and picture in a params dictionary. The method call successfully opens a dialog for the user in the app (after authenticating), where they can add a message and tap Publish. So far, so good.
Looking at the result on the user's wall, both the title of the post (the "name" in the dictionary mentioned above) and the picture associated with the post are clickable links with the url I specified in the method call (via "link"), as expected. Well almost.
Now the problem: while the link on the post title is exactly as specified, the link on the image has the additional, unwanted query string ?ref=nf appended. I want to know how to suppress this, as it breaks my goo.gl shortened link.
I don't think this is iOS specific. It happens on this Facebook developer Feed Dialog page as well. Go down to the section Example, and click where it says Click here to try the url yourself, you’ll get a Post To Your Wall page. If you click Publish and then go to your own wall, you will see that the link for the image and the link for the title are different, with the image link including the extra query string. Which is what I want to suppress.
Interestingly, before you publish from the above page, you can hover over the image and the title, and the reverse it true. The title link has the extra query string but the image link is clean. Bizarre. I cannot see if that is also true in my iOS app, since I have no way to "hover" on the iPhone.
Two other data points
I see this in posts from at least some other apps; the fully expanded links being used there are apparently oblivious to the extra query string information
I don't see this if I post directly from my Facebook news feed page from the Facebook web site
Anyone know how to eliminate/suppress this extra query string from the image link when posting programmatically?
Looking at this post in the facebook forums, it appears you would have to strip it manually yourself. I.e. send it to a shortener that you control and doesn't care about the query string.
They are going to add that query string always. So if you want to handle it gracefully, you need to control where the link goes to initially, or find a url shortener that ignores this parameter.
This is solution:
Remove parameter from URL viac .htaccess