How to use onclick event for this facebookads plugin? I want to learn that user click the ad or not? I can not find pls help..

Hi,

there is a problem with the url of the icon in native ads on Android: the url query string parameter is not correctly encoded.

Typically the url of the icon is something like:

https://external.xx.fbcdn.net/safe_image.php?d=XXX&w=XXX&h=XXX&url=XXX&upscale=XXX&ext=XXX

Where the url parameter value (decoded) is something like: https://scontent.xx.fbcdn.net/v/XXXXXX.jpg?oh=XXX&oe=XXX

So the icon.url in JSON should be for example (working):
https://external.xx.fbcdn.net/safe_image.php?d=AQDP2HS2LDQ_eEjn&w=128&h=128&url=https%3A%2F%2Fscontent.xx.fbcdn.net%2Fv%2Ft1.0-1%2Fp200x200%2F11949322_1492591824388116_7777636527992832223_n.jpg%3Foh%3Dea13fda9533598a178bfa27bf2f16b93%26oe%3D57F2AB56&upscale=1&ext=jpg

But, on Android, it is (not working, returns a transparent 1x1 gif):

https://external.xx.fbcdn.net/safe_image.php?d=AQDP2HS2LDQ_eEjn&w=128&h=128&url=https://scontent.xx.fbcdn.net/v/t1.0-1/p200x200/11949322_1492591824388116_7777636527992832223_n.jpg?oh=ea13fda9533598a178bfa27bf2f16b93&oe=57F2AB56&upscale=1&ext=jpg

Can you fix it?
Thanks.

Having supported platforms as keywords helps with search on NPM.
Please add supported platforms as keywords to improve discoverability.
See: https://www.npmjs.com/package/cordova-plugin-camera

Is native supported? I see a sample of a native ad on the readme but i cant make it to work.

The most popular FB plugin is Wizcorp's phonegap-facebook-plugin. Since you're both using the FacebookSDK.framework, care to share with us the best way to use both plugins together and avoid lib duplication errors? Thanks.

Hello,

I updated this plugin and it seems that there is a problem with the AD Position parameters. In fact "FacebookAds.showBanner(8);" doesn't work anymore. It doesn't show the banner at all. If I remove the position "8" it works but at the top.

The only solution that i found is to configure autoshow at top then showBanner at bottom. It works but I have a white rectangular at the top then at the bottom.

Here is my configuration:

FacebookAds.createBanner({
adId: facebookadsid.banner,
position:FacebookAds.AD_POSITION.TOP_CENTER,
deviceHash: '',
isTesting: false, // receiving test ad
autoShow: true
});

document.addEventListener('onAdLoaded', function(){
FacebookAds.showBanner(8);
});

If I define the position inside the createBanner function to FacebookAds.AD_POSITION.BOTTOM_CENTER, I see no ads.

Can you check it?

Thanks,

Sandy

FacebookAds.showBannerAtXY(100, 100) is not display ad in the app.
Below is the code I'm using.
I use admob-pro and facebookads plugin.
Using admonpro I'm display banner at bottom. I need to display few ads between the divs so trying to use showBannerAtXY but it is working. While creatingating the banner i'm also having the option overlap:true.

`var ad_units = {
ios : {
banner:"585922791509778_945122628928024",
interstitial:"582271791509778_954635904643363",
nativeAd:"585221791509778_954536797986607"
},
android : {
banner:"585972291509778_945122628928024",
interstitial:"585221791509778_954635904643363",
nativeAd:"585922791509778_954536797986607"
}
};
// select the right Ad Id according to platform
var adid = (/(android)/i.test(navigator.userAgent)) ? ad_units.android : ad_units.ios;
// set your hashed device id if testing on device (optional)

    if(FacebookAds) FacebookAds.setOptions({
        isTesting: true,
        deviceHash: 'copy_your_hash_id_from_console_here'
    });
    if(FacebookAds) 
    {
        FacebookAds.createBanner({adId : adid.nativeAd, overlap:true});
        FacebookAds.showBannerAtXY(100, 100);


        //FacebookAds.prepareInterstitial( {adId:adid.interstitial, autoShow:true} );
    }

`
I can even see below error while inspecting the webview in chrome. Also pls note that interstitial ad is working
//FacebookAds.prepareInterstitial( {adId:adid.interstitial, autoShow:true} );

Update: Above is displaying the Facebook banner ad at bottom along with Admob, But I expect to display ad at pixel 100, 100

XMLHttpRequest cannot load https://m.facebook.com/?refsrc=https%3A%2F%2Fwww.facebook.com%2F&_rdr#?analog=%7B%7D. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://www.facebook.com' is therefore not allowed access.

I can install successfully by "cordova plugin"command,but I failed to install it by plugman.WHY?
Thank you for help~

The Interstitial open completely blank and does not allow close. I used the example code and I used with test mode without this.

Regards!!

When running this plugin in iOS10 from Xcode 8 the app crashes. The error in the Xcode console is:

malloc: *** error for object 0x1740bd940: pointer being freed was not allocated
*** set a breakpoint in malloc_error_break to debug

This occurs when the 'createNativeAd' function is called but not immediately. I have narrowed it to this function through my own testing.

To resolve this I have tried updating the FB Audnet SDK framework (and the other FB SKD frameworks) to the latest versions but the problem persists.

I am rendering native ads. If you test on iOS 10 I assume you will get the same result. I can't see what the breaking change is from upgrading to Xcode 8 and iOS 10. It was working great before.

Any help with this would be very much appreciated.

hi all
is this call true ... i want show banner ad on the bottom center

1. create the banner by this call "if(FacebookAds) FacebookAds.createBanner( adid.banner );"

2. show it on the bottom center "showBanner(AD_POSITION.BOTTOM_CENTER);"

thanks for reply

Dear floatinghotpot,

    I follows the following procedure to create testfacebook project.

cordova create testfacebook com.snowuyl.testface testfacebook
cd testfacebook
cordova platform add android
cordova plugin add https://github.com/floatinghotpot/cordova-plugin-facebookads.git
rm -r www/*
cp plugins/com.rjfun.cordova.facebookads/test/index.html www/
cordova prepare
cordova build

After that, I import project to Eclipse, but Eclipe shows "Eclispe shows Invalid project description. /Users/snowuyl/Documents/workspace2/testfacebook/platforms/android overlaps the location of another project: 'HelloCordova'"
Do you have any idea about this issue?
Thanks in advance.

Best Regards,
snowuyl

Please see my commit dunksmith@f0b49f3 which fixes this issue. I can't PR this single commit for some reason.

Basically, some Facebook Audience Network ad URLs are in the form:

http://whatever.com/foo?u1=https%3A%2F%2F

and when fireEvent() passes this as a JSON string to JavaScript via webView.loadUrl(...), it becomes

http://whatever.com/foo?u1=https://...

which leads to a blank green image appearing in the app.

The fix is to URL-encode the URLs first. We can't just encode the whole JSON string as this leads to spurious '+' characters in the text, probably as JavaScript's decodeURIComponent() doesn't decode this character properly.

Hi,

Are you considering supporting the new native ads format?

https://developers.facebook.com/docs/audience-network/ios/nativeadtemplate

Thanks a lot!

If I run '$ cordova build ios', I get following screen:

warning: directory not found for option '-L/**/Plugins/com.rjfun.cordova.ad'
Undefined symbols for architecture i386:
"OBJC_CLASS$_FBAdSettings", referenced from:
objc-class-ref in FacebookAdPlugin.o
"OBJC_CLASS$_FBAdView", referenced from:
objc-class-ref in FacebookAdPlugin.o
"OBJC_CLASS$_FBInterstitialAd", referenced from:
objc-class-ref in FacebookAdPlugin.o
"OBJC_CLASS$_FBNativeAd", referenced from:
objc-class-ref in FacebookAdPlugin.o
"OBJC_CLASS$_GenericAdPlugin", referenced from:
OBJC_CLASS$_FacebookAdPlugin in FacebookAdPlugin.o
"OBJC_METACLASS$_GenericAdPlugin", referenced from:
OBJC_METACLASS$_FacebookAdPlugin in FacebookAdPlugin.o
"_kFBAdSize320x50", referenced from:
-[FacebookAdPlugin __AdSizeFromString:] in FacebookAdPlugin.o
"_kFBAdSizeHeight50Banner", referenced from:
-[FacebookAdPlugin __AdSizeFromString:] in FacebookAdPlugin.o
"_kFBAdSizeHeight90Banner", referenced from:
-[FacebookAdPlugin __AdSizeFromString:] in FacebookAdPlugin.o
ld: symbol(s) not found for architecture i386
clang: error: linker command failed with exit code 1 (use -v to see invocation)

** BUILD FAILED **

The following build commands failed:
Ld build/emulator/Ilikeq-dev-dev.app/Ilikeq-dev-dev normal i386
(1 failure)
Error: /Volumes/Workspace/Cordova/ilikeq-ionic/platforms/ios/cordova/build: Command failed with exit code 65
at ChildProcess.whenDone (/usr/local/lib/node_modules/cordova/node_modules/cordova-lib/src/cordova/superspawn.js:135:23)
at ChildProcess.emit (events.js:98:17)
at maybeClose (child_process.js:756:16)
at Process.ChildProcess._handle.onexit (child_process.js:823:5)

Hi,

By using this lib I am able to display native ad in my Cordova app, but some time onAdLoaded event is not executing

Great job.

I need costum native add how can I do it?, can i add class

thank you lot

Hi! I Implement the sample code, and while showing others, not native .

thanks!!!

With native ads, we have full control over the placement and style of the button that handles the click event. However, the plugin requires a scroll listener and a coordinates event to fire the click handler. It would be much more efficient and less weighty if there was a simple JS method that would directly call the fireAdEvent(EVENT_AD_LEAVEAPP, ADTYPE_BANNER); event. For example:

var clickHandler = document.getElementById('native_ad_button'); clickHandler.addEventListener('click', function() { FacebookAds.fireEvent(); });

If the coordinates are critical it could be updated to simply capture the x/y of the click event and pass that in as well.

Instead of showing the banner, application just exit with an alert 'Unfortunetly, application has stopped'.

I'm using Cordova 4.0.0 and following set of plugins:

android.support.v4 1.0.0 "Android Support v4"
cc.fovea.plugins.inapppurchase 3.4.1 "InAppPurchase"
com.facebook.audiencenetwork.sdk 3.19.0 "Facebook Audience Network SDK"
com.pushwoosh.plugins.pushwoosh 3.3.0 "Pushwoosh"
com.rjfun.cordova.ad 1.0.1 "Generic Ad"
com.rjfun.cordova.ext 1.0.0 "Cordova Plugin Extension"
com.rjfun.cordova.facebookads 1.3.0 "FacebookAds"
org.apache.cordova.camera 0.3.3 "Camera"
org.apache.cordova.console 0.2.10 "Console"
org.apache.cordova.device 0.2.12 "Device"
org.apache.cordova.dialogs 0.2.9 "Notification"
org.apache.cordova.geolocation 0.3.10 "Geolocation"
org.apache.cordova.inappbrowser 0.5.3 "InAppBrowser"
org.apache.cordova.network-information 0.2.13 "Network Information"
org.apache.cordova.statusbar 0.1.8 "StatusBar"

Native ad click area is not working, it works only when i put x=0, y=0 (clicks to the top of page) otherwise it is not working.

Please help

Where is the URL that we are supposed to link to for users clicking on the ad? When looking at the returned result from using the onAdLoaded event when using native I see keys for:

• body
• socialContext
• icon
  • url
  • width
  • height
• coverImage
  • url
  • width
  • height
• rating
• buttonText
• ratingScale
• title

Whether this plugin with support for window phone? If not what is the best option plugin for windows 8.1 OS ads

I'm following the code from your example 'index.html' but it doesn't seem to be working at all because 'FacebookAds' is not defined. So every time, I'm getting this message -FacebookAds plugin not ready.

I am getting this on Android.

E/FacebookAdsSDK﹕ Facebook Ads SDK req failed 4166ms { "error": { "message": "(#606) Application is rejected", "type": "OAuthException", "code": 606 } } org.apache.http.client.HttpResponseException: Bad Request 08-05 06:55:35.781 12912-13025 D/FacebookAdsSDK﹕ Error code [1000] Bad Request

With my correct test device hashtag and an app id I already use on iOS with no issues.
Build a clean project with only your plugin and your demo code, with ids changed to mine.

Thanks for any support.

Banner Ads do not show up, just a flicker of black screen, if i set overlap to true then it just shows a black screen
Interstitial ads work absolutely fine though.

Any idea of what might be going wrong?

I've implemented Facebook Native Ads in my Ionic app. But am not able to link the click area with the ad block. Can anyone please help me to figure out a way to link the click area of the ad.

I'm using Ionic 2, so the code need to be in TypeScript.

Progress
Trying to figure out scroll position
This link might help Ionic 2 Documentation

Hi everyone,
I just tried to add this plugin for my ionic 2 app, but i can't find a way to let it work.
I added the plugin via prompt, then wrote down:

if(FacebookAds) FacebookAds.createBanner( {
      adId: "AAAAAAAAA_AAAAAAAAA",  //my id
      position:FacebookAds.AD_POSITION.BOTTOM_CENTER, 
      autoShow:true} );

But Visual Code gives me error on FacebookAds cause it doesn't know where to find it. Do i have to import it from somewhere?

Thanks for your help!

XMLHttpRequest cannot load https://m.facebook.com/?refsrc=https%3A%2F%2Fwww.facebook.com%2F&_rdr#?analog=%7B%7D. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://www.facebook.com' is therefore not allowed access.

This is the issue which I am facing. I request the contributors to please fix the API endpoints.

Spent good amount of time in searching proper documentation for implementing 'Facebook Native Ads' in my IONIC app, but unfortunately din't find till now.

Can someone point me to the documents or any good tutorial?

I've a list of 10000 people and I'm showing them in my app. After showing 100 people I want to show a 'native ad' in my view. How can I show ad in my view at specific position? Please help me code this.

If you've implemented it in your app, please share the code. That would be a huge help for many of us.

Thanks ..

Hi, I had the FacebookAds plugin working for a couple of days on my test app. I used a random series of number and letters for the 'adId' and set 'isTesting:true'. However I tend to rebuild my app in Xcode alot and now I'm receiving 'error 1002,Ad was re-loaded too frequently' in the console and the facebook ads won't show anymore. There are also server error 2000 in the console.

I've tried changing the adId to something else but that doesn't work. I don't have any official banner id from facebook audience network since I have to submit my app store links, which I do not yet have.

I noticed that I didn't have a deviceHash set, maybe that would prevent issues while I test my app. However, how do I find the device hash? Do I set deviceHash: device.uuid?

Does anyone have a solution for easily testing facebookads on ios (and android), without applying for and setting up their Facebook audience network?

Any idea if this plugin works with the new Facebook Video Ads?

This plugin doesn't seem to work - when using the example test code, the only ad that would display is a banner on the top. Banners in other positions and interstitial are not working - When trying to load the interstitial the app simply crashes.
I tried to follow the instructions to display ads however I'm not having any luck - is there another version of this plugin that works or updated instructions/examples anywhere?

Tablet - Facebook Native Ad is not displaying in Tablet

please note that same code works for mobile phones.
No error in console. Im using phonegap build

This error was happen for a while with unknow reason. It never happen before, everything was fine when I just simply create banner.

Now, every time I created new Phonegap app with your plugin, follow the same steps. Facebook ads never show even in testing mode.

Hi, I've followed the example code, the banner is shown but the interstitial no. I used autoshow:true or put the code if(FacebookAds) FacebookAds.showInterstitial(); in the controller. Nothing happened.

Hey Raymond :)

There have been several updates for the Audience SDK for both android and ios.
Current Android: 3.23.0
Current iOS: 3.23.1

Will you update soon to avoid any bugs? as there are many that have been fixed in these updated

Thanks
Regards
Michael

For many reasons... on complex cordova app i'm here.
My question? is . It is possible to change system of click used ?

By exemple. I prefer Target the advertising link to a class or a function, a div, or direct link instead of using a selection area based the X and Y axes, or height and width.

Please someone can help me .?

I created an cordova app with framework7.
On android device I have a perfect clickable area when scrolling in my app.
But, on IOS this clickable area breaks when I speed up the scrolled.
And my users can make intentional clicks, this is bad for me, and facebook can block my advertiser network.

The best fix for me is have possibility to attribute the ad link directly to an div or an object, for example an image, or text link.

i'm new on cordova and framework7, if someone can help me to fix it ,
that would be great.

But, if freelancer read my post, i pay for resolved that quickly.

Please write me at [email protected]

Thank You at Raymond Xie for this amazing plugin & all plugins published by he.

Single Native ad is working, Thanks for nice plugin.
I like to know how to create a multiple native ads in facebookads.

By facebook docs, its required to update the sdk to v4.6.0 in order to build the app for ios 9
https://developers.facebook.com/docs/audience-network/ios9

The docs also tell to add some entries to the plist, the plugin should do that too (?)

Banner and Interstitial are not working when I archived my package to apple. I made an internal test loading my package from app store and Ads are not working. Running from my mac in debug mode is working fine but isTesting property is also not working. The problem is for iOS only. Android is working.

p.s. I also tried Admob Pro (working), and iAd (similar problem - banner in debug mode is fine, interstitial is not working)

Can you please provide documentation to implement FacebookAds plugin in Ionic 2?

Also please post more documentation of 'Native Ads'. We want to know the positioning of the native ad links - setNativeAdClickArea() This is confusing.

I have successfully implemented the native ad code for Android using phonegap build. But for ios I am getting my binary rejected due to this missing plist key. Help please, on how to declare it on config.xml

Using your own example code and only that, I get:

2015-08-01 04:15:30.337 MyApp[27775:223365] [FBAudienceNetworkLog/FBAdProvider:137 <error>] Ad request error: Error Domain=com.facebook.ads.sdk Code=2000 "Server Error" UserInfo=0x7feced9940d0 {NSLocalizedDescription=Server Error, FBAdErrorDetailKey={
    url = "https://graph.facebook.com/network_ads_common/";
}}
2015-08-01 04:15:30.337 MyApp[27775:223365] FacebookAds, onAdFailLoad, {'adNetwork':'FacebookAds','adType':'banner','adEvent':'onAdFailLoad','error':2000,'reason':'Server Error'}

Notes: Clean project with only your plugin and your example code, tested on simulator and real device, internet connection is fine. I am in the EU and have no firewalls, government limitations or ad blocks.

Hey Raymond :)

In your doc, you state that in order to test and ad unit on a device, we should get the hashed device id and use it in the deviceHash parameter. From where can I get that?

Thanks
Regards
Michael

A huge list of errors are produced mostly looking like the following:

while processing /Users/anthonybradley/Documents/FacebookSDK/FBAudienceNetwork.framework/FBAudienceNetwork(FBDisplayAdAdapter.o):
warning: /var/folders/h9/zf2xtlkd12z1_ygkj8hplkhh17xrbq/C/org.llvm.clang.dzhuowen/ModuleCache/2Y5CKRTSDVTWK/CoreGraphics-N94D31PLFESQ.pcm: No such file or directory

As in the title, when I do something like:

window.FacebookAds.setNativeAdClickArea(adId, x, y, w, h);

The ad has the clickable area set in the correct way. The problem is that, in addition to this area, a clickable corner on the top left of the screen is added too. This makes my app unusable. This has been tried on two different devices. This behaviour was not shown in the previous version of the plugin, but scrolling was not working.

The native ad view is upper on the webview, how can make scroll work well?

Hey, thanks for the plugin. By the way, in the developers console for IOS apps FB mentions that we should enter the following info into the plist file (at least if doing native integration). Does this also apply to this plugin?

<key>CFBundleURLTypes</key>
<array>
  <dict>
  <key>CFBundleURLSchemes</key>
  <array>
    <string>fb5756633559XXXX</string>
  </array>
  </dict>
</array>
  <key>FacebookAppID</key>
  <string>5756633559XXXX</string>
  <key>FacebookDisplayName</key>
<string>AppName</string>

Not working with phonegap build cloud service it gives an error after build

plugin unsupported: org.apache.cordova.facebookads