Many thanks Yurii. One small bit - when I press the share button, the dialog box that opens shows me options of 2 pics that I can post. Notice the 2 small arrows within the pic. They take u to the second pic. One shows blank image as below and second shows the image you uploaded. How can I see only the one you uploaded - in the share dialog box?
Above issue does not come if I use a new page to display image
Also - is there a way to hide - 'appery.io' on the sharing dialog box?
Hi Anil,
You have this wrong second image because facebook get it from your page.
Here is this image and how you can change this image(but you can not to delete this image). http://prntscr.com/4euc1y/direct
Also you need make some changes:
1 Use following code for iframe(it's need to add some dynamic value in the url to update is every time you open share link):
pre
var time = new Date().getTime();
var html='<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fappery.io%2Fapp%2Fview%2F177c5783-d9ff-48ca-a6cf-e6930d377119%2FOffers_Prepaid.html?time=' + time + '&width&layout=button&action=like&show_faces=false&share=true&height=35&appId=678315978907394" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:45px; width:200px;" allowTransparency="true"</iframe';
element.find('[name="share_html"]').html(html);
/pre
2 Use following code to add description and image to the share(to get your goal image first in facebook share options):
pre
<link rel="image_src" href="http://appery.io/app/view/95800416-80fd-4abd-bf67-c7b4e3c3f55b/files/views/assets/image/a_01.jpeg"
<meta name="description" content="Here is title for face book_2"
/pre
That's all. Regards.
Is there a way to hide - 'appery.io' on the sharing dialog box?
Hello!
Sorry, what dialog box do you mean? Could you post a screenshot?
Pls see appery.io written in the share dialog below. Can I remove it?
Hi Anil,
Anfortunatly this is domain on which is your app is hosted.
Facebook show it to users, to give them actual information about what they share.
But you can change it with your custom domain.
Please take a look about custom damain here: http://devcenter.appery.io/documentat...
Regards.
Thanks Yurii.
Another query - if you look at the above picture, font of "Offers_Prepaid" and the text below it, is different from the rest of the text in the dialog box.
I have tried mentioning the font-family in the code for page which is shared in the dialog box as below but it has no effect on the font. Is there a way to change this font?
meta name="description" content="Please login to widyoo to find current offers from Telco A" style="font-family:"lucida grande";"
Have also tried changing font for the html component but it doesn't work.
Hi Anil,
Unfortunatly you can not manage styles on the facebook share page If you talk about this page(in reason of security): https://d2r1vs3d9006ap.cloudfront.net...
May be you mean other page on appery side? If so, please provide us screen shot what is not work as you want.
Regards.
Hi Yurii, I am again facing problem with this iframe. When I click the share button on "Offers_Prepaid" page, the iframe is not showing the image it is supposed to pick for the chosen product.
Pls see the picture below:
Hi Anil,
I tried my previous page and it works correctly.
See my share link here:
https://www.facebook.com/sharer/share...
Should be like on this screen shot:
http://prntscr.com/55tuh0/direct
Also here is two possible things to check:
1 Try to use my link(replace my URL with yours).
2 Try to replace "Variable part" of your link with static part.(you should change it every time you have change this content). I've noticed that FaceBook not get image first time you change link - not update image immediately. But second and next time it was updated successfully.
Regards.