How to create Facebook Recommend and Share buttons

[Anil Sagar]

Have tried following the instructions on https://developers.facebook.com/docs/...
and have tried adding the code generated from that page to add to my source file Facebook_Me.html but nothing happened.

How can I add these buttons to app?

[Kateryna Grynko]

Hi,

As I answered here you can add them in HTML component:
https://getsatisfaction.com/apperyio/...

[Anil Sagar]

Using the following code in HTML component does not seem to be working:

class="fb-share-button" data-href="https://developers.facebook.com/docs/..." data-type="button_count"

Above code is within div tags

Do I need to initialise/include javascript SDK as stated on https://developers.facebook.com/docs/...

If yes, how to do that?

[Anil Sagar]

Solved it

Both javascript SDK code and the plugin code as given above - have to be included in the same HTML editor box

[Kateryna Grynko]

Glad to hear that!

[loay]

Hi,
Can appery.io open the Sharer built-in feature of the mobile?
I mean, to share a link using any of the available apps installed in the device like: Facebook, Email, WhatsApp...?
for more clarification check the attached image:

[Illya Stepanov]

Hi -

Appery.io is using PhoneGap for building apps for different platforms (Android/iOS).
I think there should be a PhoneGap plugin for using Android built-in Share feature.

[Koning Voetbal]

I have put this in the HTML component:

code
<div id="fb-root"><>
<script>(function(d, s, id) {
var js, fjs = d&#46;getElementsByTagName(s)[0];
if (d&#46;getElementById(id)) return;
js = d&#46;createElement(s); js&#46;id = id;
js&#46;src = "&#47;&#47;connect&#46;facebook&#46;net/nl_NL/sdk&#46;js#xfbml=1&version=v2&#46;3&quot
fjs&#46;parentNode&#46;insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="https:&#47;&#47;developers&#46;facebook&#46;com/docs/plugins/" data-layout="box_count" data-action="like" data-show-faces="true" data-share="true"><>
/code

But still I only see the Share button in the Mobile Preview but not in appery.io Tester on my phone.

Any idea what goed wrong?

Kind regards,

Arie

[Yurii Orishchuk]

Hi Arie,

Please try following code:

precode

<div id="fb-root"><>
<script>(function(d, s, id) {
var js, fjs = d&#46;getElementsByTagName(s)[0];
if (d&#46;getElementById(id)) return;
js = d&#46;createElement(s); js&#46;id = id;
js&#46;src = "https:&#47;&#47;connect&#46;facebook&#46;net/nl_NL/sdk&#46;js#xfbml=1&version=v2&#46;3&quot
fjs&#46;parentNode&#46;insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="https:&#47;&#47;developers&#46;facebook&#46;com/docs/plugins/" data-layout="box_count" data-action="like" data-show-faces="true" data-share="true"><>

/code/pre

Also please check this tread: https://getsatisfaction.com/apperyio/...

Regards.

[Koning Voetbal]

Hi Yurii,

The first solution didn't work for me, still no Facebook on my device with Appery Tester.

I have read the given url and try your solution with the iframe but unfortually, still no Facebook share it on my phone.