CODEWITHSUNDEEP
htmlfacebookshare
barki
barki

Reputation: 11

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...

Upvotes: 0

Views: 14739

Answers (2)

Hazmat
Hazmat

Reputation: 21

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)

Upvotes: 2

Igy
Igy

Reputation: 43816

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

Upvotes: 0

Related Questions