Settings » Design Settings » Banner Ads

Link: https://support.brilliantdirectories.com/support/solutions/articles/12000019194-settings-design-settings-banner-ads

Brilliant Directories wants to make it easier for Directory Website owners to place banner advertisements throughout their websites. Banner ads are a quick way to generate revenue, especially when using third-party tools like Google Adsense. 


Our Banner Manager makes it easy to place banners in the following areas:

  • Sidebars (5)
  • Footer (1)
  • Header (1)
  • Below Header (1)
  • Text Links (1)


Important: 


1. For any banners to display on the website it is required to have "Display Banner Advertisements" set to "Yes" on the  "Banner Ad Design" tab.

2. Make sure to add the Ads.txt on the "Enter Ads.txt Content" Field, if the banners don't display it is because the site is missing this Google Verification.

3. If the Ads.txt is added but if there is no Google Ads code added, the banner space might show as a blank space, in this case, disable the banner ad that is displaying the blank space:




4. Each Membership plan has a setting called "Show Banner Ads On Profile" if this setting is enabled the banner ads shown on the profiles are not going to appear. To understand more about this setting please visit: 

Finance » Membership Plans - Profile Page.




How To Add Banners In The "Banner Ads" Manager 


There are two primary methods to add a banner to the website using this tool: 1) Inserting a Custom Image and 2) Using an Embed Code (Google Adsense, etc):


Method 1: Inserting A Custom Image


  1. Go to ADMIN >> DESIGN SETTINGS >> BANNER ADS tab

  2. Click on the down arrow for the banner

  3. Select "Use Image Banner Ad":



  4. Click on "Upload Image"

  5. Select Image from the Media Manager.
     
  6. To add a "clickable" banner add the URL link:



  7. Click on "Save Changes"

  8.  To know how to place banners on the website please skip the next section


Method 2: Add An Embed Code provided by a 3rd party such as Google Adsense


  1. Go to ADMIN >> DESIGN SETTINGS >> BANNER AD DESIGN

  2. Click on the down arrow for the banner

  3. Select "Use Embed Code":



  4. Paste embed code. Here is an example of what it could look like:



  5. Click on "Save Changes"


How To Place Banners On The Website


Once the banners are all set, see how to place them on the site by just following these easy instructions:

Adding Banners to Sidebars

  1. Each Banner that is found in the Banner Ad Design section has its own unique widget name. This is important to note as placing banners on the website by calling the appropriate widget name. For this example, we will try to add the following banner on the member search result pages:




  2. Copy the name of the widget:



  3. Go to TOOLBOX >> SIDEBAR MANAGER

  4. Select the "Member Search Result" Sidebar

  5. Paste the widget name copied in step 2:



  6. Click and drag the Banner in the order of preference.

  7. Click "Save Changes"


Important Note: The banner named Sidebar Banner Ad (Bootstrap Theme - Banner - Responsive Size) is a unique banner that will appear automatically in certain sidebars after enabled. These sidebars are:


Member Profile Page

Member Search Result

Post Search Result

Post Single Page


Toolbox » Sidebar Manager


Adding The Footer Banner to the Website


Adding an image or embed code in the Footer Banner will automatically display the Banner Ad in the Footer as long as advertisements are enabled for the website. There are no further steps required. 


blob1476130830479.png



Adding Banner Ad To Header


Adding a banner to the Header requires hiding the search bar that comes by default in the header as there is not enough room for both the banner ad and the search bar. To add both this would be customization and would require that request to go to the marketplace. 


To add a Banner to the Header please follow these instructions:


  1. Upload the image banner or paste the embed code inside the Header Banner design box:

    blob1476131087997.png


  2. Click on "save changes"

  3. Go to SETTINGS >> DESIGN SETTINGS >> GENERAL  >> HEADER DESIGN

  4. In the "Header Search Module" dropdown select the "Display Header Banner Ad" option:





  5. Click "Save Changes"

  6. The Header Ad should not be displayed in the Header. 

 

This is how the Header Banner Ad will display on the front-end:




Adding Below Header Banner Ad


This banner can be added under Banner Ads directly:




This banner, by default, will display on any pages under the Header besides the homepage (/home) and join page (/join):




To allow this banner to display in the Homepage, check the Display on Homepage option:




Photo Albums Banner Ad


This banner is going to display at the end of the Photo Gallery of a Membership Feature that is using a Photo Gallery, for example, Photo Albums, Products, Properties, and Classifieds.




See the Banner showing at the end of the Photo Gallery content: