How to Apply and add Facebook Audience Network to your Website
Facebook Audience Network (FAN) is advertisement platform similar to adsense for both publishers and advertisers. As a publisher, just consider Facebook Audience Network (FAN) as another ad platform like adsense, taboola, outbrain and buysellads which you can use showcase advertisers product on your web property. To learn more about the Facebook Audience Network click here. I will be using this line: Facebook Audience Network and FAN interchangeably which means the same thing.
Facebook Audience Network (FAN) is synonymous to admob, Google mobile advertisement platform. This means FAN was created with the intent of mobile application at heart but, later got support for mobile web browsers. Which means FAN is gradually evolving from application to web browsers and more. Therefore, this means FAN for now, doesn’t show up on DESKTOP when you run it on your web property as of this 2016, it only shows on mobile. But, may be Facebook may later include support for FAN on DESKTOP. This feature clearly distinct FAN from Google adsense whose advertisement could be seen both in mobile and desktop layout, at least for the time being.
Next, lets quickly learn how to apply and setup FAN for any web property. Below are the examples of FAN banners on partner websites running FAN.
How to Apply and add Facebook Audience Network to your Website
Next, click on Start Now button. This should take you to a page where you either include any of your Facebook apps that had been created, then associate the app along side FAN or an option to create a new Facebook app entirely. Lets assume your are creating new Facebook app for FAN. You should get a page like the image below:
Next, give your app a name and click the option to publish to Facebook and then select under Platforms: Website-Mobile.
Fill in Contact email and also set category for your new app then hit the Sign Up button. If successfully done this should then, load up your dashboard for Facebook Audience Network (FAN).
In the dashboard, we have option two separate tabs. One for the products associated with the created app and the other for the app settings. From the image below, the bottom option named Audience Network, represent options for FANS, while just at the top are settings for the app. Audience Network option in the dashboard include: Placements, Payout, Filter and Performance. While for the app options we have Settings, Roles, Alert and App Review.
– The Placement option allows creating advertisement placements in native, interstitial and banner. The native or banner placements have option to be set at either 300*250 or 320*50 option. Both ad placement options works well with mobile web, that is you can put either or both FAN native ads or banner ads on your website.
–The Payout option is where you fill in your payment details. These details can be filled at anytime but its needed when your income reaches the 100 dollar payment threshold.
–Filter option allows you to set targeted ads for your audience, that means you can fine tune the type of ads category you want your websites to allow for viewers. Turning off any category of ads simply means such ads types will be filtered out from your web property.
–Performance allows you to monitor and check analytics of FAN.
–App Review contains options for the status and other information on the app associated with FAN.
–Alerts is like inbox for FAN dashboard.
After creating your app from the previous step. The next, thing is to make your app to go LIVE. When your app goes live it becomes available to the whole public and becomes functional. If your app hasn’t been activated to LIVE mode, Facebook Audience Network may not work and this means your application for FAN will remain pending, since the app associated with it isn’t active. So, make sure it’s set to active, turn it on.
From the image above the app associated with FAN is not in LIVE mode. Goto App Review option, You should get a dashboard that looks like the image above. To set it to LIVE mode simply toggle the Make app public option on, see image below.
After turning on the app to LIVE. Next, click on the button “Start submission” under the option “Submit Items for Approval”. It will take you to a page to that prompts you to select an item for your app. This is trivial one, just pick any item, since we not building an application for external use. Select the user_website option or any other option of your choice and then add the item to the FAN app.
After this step your app will then become available LIVE. Just like in the image below
The app is now LIVE. The next step is to go back to Audience Network option and create placements for the ads.
Creating Placements for Ads
Creating Placements for Ads lets you synchronize Facebook Audience Network with your website which will then allow Facebook team review your application. Approval of application most times is usually instantly in some cases while in other cases it may take a while.
To create a Placement for ads on FAN, go to option of Placement from the dashboard, see image below:
This should now take you to a dashboard that looks like the image below. Scroll to option of adding a domain in the Add a Domain option. This means you should add your web property, website that you want FAN to be approved on. Add your website name for example, xyz.com.
Dont!, ask me how to that!, kid stuff. After adding your website name, you should then get an orange button next to your domain indicating that your application is still pending for approval.
From the image below, you can see a notification with an orange button, next to the test domain which reads: Not started – please send an ad request. To send the ad request for FAN scroll to the next item which is Placement option and use the default placement that have been created automatically for placement. You can also create different placements to run on your website and track analytics for each.
You can create new ad placement for FAN application process or you can use the default placement option that is automatically generated. You can decide to use the default placement to quickly set things going, then after approval and when your website with FAN had gone LIVE, you can then come and create different placement options to put in various sections of your website. See image below which shows option to create a new placement or to use the Default placement option.
Scroll down to Default web (Mobile) platform option, already an ad placement have already been auto generated for you to use on your website in order for your application to be reviewed and then accepted subsequently. You can see from the image above, under Status, which has a yellow button. This means your application approval is still pending. So to complete the application process, use the Get HTML option from the image, copy and paste the code in your website.
You can also use the Edit option next to the Get HTML option to customize the look of the default placement option before you use the Get HTML option. Under Display Format, set the option to Banner, see image below and save.
Banners and Native option under Edit>>Display Format are the two formats for your websites that you can use interchangeably while interstitial format are meant for apps.
After setting banner option and saving the edit of the Default Placement use the Get HTML option. From the image below, you will observe the size is set to 300*250. There are also two other options Native and 320*50 option. Set it to 300*250 option and then copy the code, using the copy HTML option at the bottom.
The next step is to place the code in your website which is quite easy especially if in the past you have tinkered a lot with placing different ad codes on a website from different providers: Taboola, Outbrain, adsense etc.
Add Facebook Audience Network to your Website
This depends on how your website is built whether its ASP.net based, Joomla, Bootstrap, WordPress, Blogger etc the same procedure applies. Just paste the code in a separate line in the header, footer, body, post area, widget area etc of the website.
If you are using WORDPRESS, create a new widget area in your WordPress Theme by dragging and dropping a blank text to the widget area, then paste and save the code. You can also get plugins that allow you place ad codes in post area of your WORDPRESS site, like beginning of posts, paragraphs and end of posts.
If the whole process is done correctly and your website is active, your application for Facebook Audience Network should be approved in no time. Some application are approved instantly and some may take a while.
To know whether you have been approved simply refresh the page after a while, you should notice some changes. You can also check the inbox in the dashboard under Alerts. In Alerts, you will get updates on the status of your application. Another way of knowing whether your application is LIVE and approved is by going to the Dashboard of the app you used in associating with FAN, When you click on the option Audience Network, you should get a Sequence like summary of the progress of your application. If its like the image below, it means your application have been approved.
You can also know whether your application for the Facebook Audience Network is LIVE and approved by going to Performance option. Once you start seeing stats and analytics of the various ad unit Placements you have created before in the Performance option, it means the application process have been approved and its LIVE. See image below.
Once the earning on Facebook Audience Network (FAN) accumulates to 100 dollars you can request for payments. But prior to that you can fill in your payment information like your Bank name, Bank account etc. The mode of payment most likely is through Bank wire transfer. This means its important to put the correct details and address. See image below. To fill in the payment information go to Audience Network in dashboard under Payment, then create new account by using the Register a New Company option then, fill up the information.
Filling up Payment information
Tip: Creating New Ad Placement for Website
Whether you have been approved or applying for the first time, which usually has a default ad placement already, you can still create variety of new ad placements units for your website. You can edit and customize them so that they can be easily identified when you are viewing the analytics and performance. For example, you can decide to name an ad unit header ad, footer ad Post1 ad, Post2 ad, Sidebar1 etc. This lets you easily differentiate the ad units and let you know which is performing better, depending on their location with respect to the other.
To create New Ad placement. Go under Dashboard>>Audience Network>>Placements>>Create New Placement. See image below
Then click on Create Ad Placement. A window that looks like the image below should pop out.
Name your ad Placement unit in the Name option. Give it any name of your choice. In the image below it’s sidebar1. Under Steps to Trigger Ad, put any phrase of your choice. e.g. When am eating then I click. In the image below its When the website is open. Next, select the Display Format of the ad unit. You either pick Native or Banner option, then, save.
You can also customize the optimization rate before saving. See image below. In the image below, the optimization was set to maximum.
After saving, scroll to the bottom, under Active placements and locate the Ad placement you had created earlier. In the image below, two ad units are present in the dashboard, Default and sidebar1. In our case, the created one is sidebar1. Next, we use the option Get HTML to copy the code to website that it was associated with, during the application process under the option domains.
After hitting the Get HTML button. Select 300*250 or 320*50 option, you can also test the native option also.
If you chose the 300*250 option either for NATIVE or BANNER in FAN ads. The ad will appear on your website like in the image below:
If you chose the 320*50 Display format FAN option either for NATIVE or BANNER, your ad unit should appear in the website like the image below:
How to Access the Facebook Audience Network (FAN) Dashboard on Subsequent Login
This is useful to access your earnings, application status, messages, analytics, performance, creating ad units, adding domains etc. To gain access to your dashboard, simply login to Facebook. Go to your apps. And click on the one associated with Facebook Audience Network (FAN). Then click on Audience Network option.
Step by step:
Login to your Facebook account. By the left hand corner, Scroll down to under Developer>>Manage Apps.
Select the app you had associate with Facebook Audience Network (FAN) By clicking on it.
This will take you to your Dashboard. See image below. Then select the option Audience Network from the dashboard.
This will then load up your Audience Network dashboard. See image below.
How to see LIVE Facebook Audience Network Ads on the Website
Facebook Audience Network (FAN) on mobile browser is still on BETA as of this 2016. So not all browsers display FAN ads. The browsers that seem to display FAN ads on mobile web include: Default web browsers on mobile, Google Chrome browser on mobile, Safari browsers on apple tablets and phones. Desktop browsers, Operamini mobile browser, UC web mobile browsers as of 2016 after testing doesn’t display Facebook Audience Network ads.
But since its still on Beta, support may soon be applicable for other browsers. Therefore, if you want to see FAN LIVE use, Default mobile web browser. See how FAN looks on mobile web browser, see image below. Some times you may notice FAN ads are not appearing even in the default mobile web browsers, provided in your FAN dashboard your performance and analytics is showing up, there is no problem at all. After some while the ads may begin to show up again.
You can also apply filters to control the FAN ads category you want your website to display for your audience. Setting any category to No simply means any ads related to such category will not display on your website.
Get Stuffs Like this, to Ur' Inbox: