Forum | Appery.io

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?

Hi,

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

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?

Solved it

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

Glad to hear that!

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:

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.

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

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.

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.