Social Media share buttons (Facebook,Linkedin,Twitter) with images - html

I am using the followings URL for sharing my page on Twitter, Facebook and Linkedin.
a href='https://www.facebook.com/share.php?u='+${url}+'&title=Title'
a href='https://www.linkedin.com/shareArticle?mini=true&url='+${url}+'&title=Title&source='
a href='https://twitter.com/intent/tweet?url='+ ${url} +'&hashtags='
In my page, there will be many products displayed, and for each product, I need to share it separately. So I need to share images based on the share button of a particular selected product.
For example, if my page has 5 product then we have a total of 5 images(1 image per product), then if a user choose to share the 2nd product then while sharing to social media (Share cards) we need to display the image of 2nd product.
In Pinterest, I have achieved it by using its share URL itself (&media).
a href='https://www.pinterest.com/pin/create/button/url='+${url}+'&media='+${imageurl}+'&description='
I have tried it with using meta tags. Title, description, URL is correctly populated but images are not displayed properly. I cant use javascript to fill image path because social media crawlers will not validate javascript methods. Is there any way to achieve it by passing the image path along with social media share url.?(Something like I have in Pinterest). Any help will be appreciated.

Related

want to change image while sharing page url for every profile

i want to show image when someone share url. My problem is that, my website is based of multiple users profile which contain user's detail and profile pic. i want when someone share url, it show the profilePic of that profile.
try to change pic url with javascript. but is showing the default image

Liking - Aggregating One Number For All Pages

I have Facebook Likes buttons on every page of my website. I want it so that when a user Likes, there will be a Like pointing to the current page they are on. But the number will reflect how many Likes for the entire page. I am wondering if this is possible?
From my understanding, the number of Likes is associated with the link the user is liking. Is my understanding correct?
Facebook like buttons are linked to a URL - either that of your website home:
www.example.com
OR separately a single page
www.example.com/post-about-example
When you create the like button you decide what the like is against - essentially if you are selecting the home page - it is still only liking a single page, but its just the main page you want the facebook profile to link to. You need to have each button liking EITHER your home OR your individual page - one button cannot do both.
On a side note - from an SEO standpoint, it is better if your likes are associated with your home page as this should link to your most important pages first - reaping the best SEO benefit for the more important pages - whilst also directing users to what is set up as a landing page.
If your site is one which relies on multiple posts, say a blog. It may be better to go down the path whereby each post url has its own facebook like button FOR THAT URL. This way each post gets more exposure.
I hope that answers your question.

Return all links to photos in a flickr set

I want to use all the photos in a Flickr set and in order to do so (and not infringe upon copyright etc) have to link back to the owner. I can't seems to find anything in the Flickr API to return the html code for each individual photo.
At present I'm faced with copying and pasting all the html code from the "share" button. Not a pleasant prospect.
Any help appreciated
I'm assuming you just want a link back to the images or photosets?
See here: http://www.flickr.com/services/api/misc.urls.html
There are examples for linking to images directly, individual photos, photosets, etc.

Adding a share button for a mobile site

I want to add a share button for my mobile site, and I need the sharing properties to be custom.
Is there a way I can share a link with custom title, description or comments?
Is there a way to share it through the Facebook mobile application if the user is connected through it?
I've tried to use
<a title="send to Facebook" href="http://www.facebook.com/sharer.php?s=100&p[title]=YOUR_TITLE&
p[summary]=YOUR_SUMMARY&p[url]=YOUR_URL&p[images][0]=YOUR_IMAGE_TO_SHARE_OBJECT"
target="_blank"><span><img width="14" height="14" src="'icons/fb.gif" alt="Facebook" />
Facebook></a>
It does work with regular sites, but when trying to run it in my mobile, it doesn't share the same...
I have a workaround for this - Make the Facebook share URL go to a page that redirects to the page that you are having trouble with. The redirect page can have new title, meta description and other meta tags in it that you can customize to make the Fb share look just the way you want it. As an example, the QR code on this page takes your phone to the Facebook share link I designed using this technique. I also made a share link for desktops by clicking on the postcard: http://modernmancaves.com/share.html. Side note: This example page does not redirect (so that you have time to try the QR code, mobile share link and view the page's source code)
You can trigger the feed dialog on mobile devices (see https://developers.facebook.com/docs/reference/dialogs/feed/ )
This allows you to specify the share metadata, and should automatically display a mobile-friendly version on mobile devices

Dynamically updating Images to Facebook Page

I want to dynamically update the three images from "Trend Alert" in the EDM below:
http://sophiehart.createsend4.com/t/ViewEmail/r/D3501506593F4120/5AA0D88279FE59B738A555EB6E97B45B
To this Facebook iFrame.
http://www.facebook.com/apps/application.php?id=198582036826535&sk=app_198582036826535
I'm hoping someone knows a way to update these automagically - I don't want to have to manually change them every week.
The problem as you can see is that the EDM above spits out a different dynamic link every week.
Any one worked on something similar to this before?
This Facebook page currently features the same technique (The Latest section) - so if anyone can shed some light on it that would be great!
http://www.facebook.com/rachelzoe
EDIT: I've created the html email template and have got the iframe working - but i'm unsure how to link the images to the Facebook as the link to the html email (campaign monitor) will change weekly?
LINK to EDM: http://sophiehart.createsend4.com/t/ViewEmail/r/D3501506593F4120/5AA0D88279FE59B738A555EB6E97B45B
LINK TO FB: http://www.facebook.com/apps/application.php?id=198582036826535&sk=app_198582036826535
You can create a Facebook Application and install it as a tab in your client's Facebook Page. This tab will render an iframe with content from any URL that you specify. This way, you can do anything you want with your webpage (e.g. display 3 dynamic images), and it will be embedded in your client's Facebook Page.