I noticed that on facebook, when you click on an image it opens up in their photo viewer. I understand that is done with javascript, but when you look at the url it says:
http://www.facebook.com/photo.php?fbid=3230830261587&set=a.1664092454121.85323.1591534315&type=1&theater
But, you can still see your profile/or news feed (wherever you were when you clicked on the image) behind the photo viewer. How? It appears (upon observation of the url) that you have been redirected to facebook.com/photo.php. Is that the case? And how are you redirected back to www.facebook.com/(previous).php when you close the viewer?
Facebook uses a new browser feature that can modify the browser's history. See http://badassjs.com/post/840846392/location-hash-is-dead-long-live-html5-pushstate for how Facebook changes the URL in the address bar. To display the photo, all that Facebook does is show a DIV over the document body at the same time.
Related
I want to download a video on example.com, but it's "protected" by a flash player.
By inspecting the HTML code of the page, I've been able to get the direct URL to the mp4 video from the player's parameters, something like example.com/video.mp4.
When I try to go to example.com/video.mp4, I just get a blank page mentioning access denied. I figured that you need to do a specific request in order to get the video.
I analyzed traffic while reloading the page and playing the video through the player, and I've been able to get the right URL, which is along the lines of example.com/get_video.php?param1=some_hash¶m2=some_hash&filename=video.mp4
When I visit example.com/get_video.php?param1=some_hash¶m2=some_hash&filename=video.mp4, I do have the video playing alone, with no other content, in my browser's default player. But when I try to save it, the dialog box wants to save the PHP page...
How do I save the video now that I have it ?
Thanks.
I am sharing image using to https://www.facebook.com/sharer/sharer.php?u=[some_image_link].png. When the user click the images in its facebook timeline it goes to the image path. I want to redirect the user to a particular page like http://www.example.com/page.php#/[some_image_link].
Can anyone please help?
You should be sharing a link with the OG meta tags that reflects the photo. Then you should be able to see if the request is coming from a crawler (see: https://developers.facebook.com/docs/sharing/webmasters/crawler) or a normal user and process the request accordingly.
I implemented the facebook share button on my web page, but it displays an old description text, I need to have a new text related to every article that I share, the image is updated as new.
Here is the link it's in arabic: http://achabakamagazine.com/new/articles.php?f=1&issueID=320&categoryID=26&articleID=9675&page=4
Make sure you follow Facebook sharing standards.
After that go to Facebook Url Debugger and check your each url stats.
I'm new to using the FB share buttons terminology so forgive me if I use the wrong syntax in describing this.
My site is setup to load pages based on the passed parameters in the URL (...?page=somepage&imageid=idnum).
So I have my index file which contains my head, as well as sidebar, etc. Then my main body is generated according to the passed parameter. Simple Enough.
On the homepage, the main body is a gallery of images. When they click on one of those images it takes them to a page that just displays that one image. The page is loaded with parameters of ?page=detail&image_id=1 /*or whatever the id of that image is */
So when they click on the share on FB button on those individual images page, I would like it to populate with the image that is displayed on that page. What I have done is included a php file in my head tag. The php script included gets the page info and passed parameters and then fills out the image url based on the imageid.
echo '<meta property="og:image" content="http://www.chiseledimages.com/clients/vote/'.$imgurl.'"/>';
This works in that when displaying the page source, the meta tag with og:image shows perfectly, also in that when I run it through the FB Object debugger, it gets the correct image and doesn't show me any errors. It even posts the correct image when the users shares on their wall. What is does not do, is show the correct image in the pop window after the uses presses the share button on my site. So even though the result is what I want, the problem with the user not seeing the correct image in the share pop-up, may lead them not to want to share on their wall.
Current location of site: http://www.chiseledimages.com/clients/vote/
Example of a specific pages: http://chiseledimages.com/clients/vote/?page=detail&angel_id=1
Screenshots of pop-up with wrong image, but final posted story having correct image.
How can I make the image in the pop-up match the image that is going to be shared. Thanks.
Edit: I forgot to mention and I'm sure it matters that I'm using Addthis to implement the FB share.
Check https://developers.facebook.com/docs/reference/dialogs/feed/ - look for the 'picture' parameter description
I suggest to you use this http://support.addthis.com/customer/portal/articles/1365475-attribute-based-configuration#.UwPQB6LW6So. just follow their example and you good to go.
I have a question and i don't know how to explain.
If i post an audio file on soundcloud (e.g.) the site is giving me a link. Facebook recognizes the link and is showing me a play button, and i can listen directly on the page, without having to go to the soundcloud. Also, is on soundcloud i upload an image, facebook will show my image.
Can someone explain how can i do that ?
I have a server and from time to time i want to post some audio file (link from my server) to facebook. I want facebook to recognize my links, so everyone who is accessing my page to be able to listen the audio file.
Thanks a lot for your answer.
You need something called Open Graphs Tags. This is meta data which lives in header of your page.