Banner Management Plugin

The Banner Management Plugin will allow you to add/edit/delete a banner to your website and see its stats. Below is an image of what the plug in looks like. To add a banner click on the button "Add New Banner".

This is what the pop up looks like:

First you need to choose the Banner Position, where you want your banner located, the options are below.

You can choose:

• Header: the banner will be shown on the top of the page according to the banner tags selected.
• Footer: the banner will be shown at the bottom of the page according to the banner tags selected. 
• Sidebar: there are 3 different positions on the sidebar, *Note: at the end of this page you will find screenshots on how to do this.
• Post content position: the admin will choose where on the post it will be located(this also depends on which type of post the banner will be added).
  • There are 3 different options, you will need to copy and paste the following shortcode on the froala on the type of post where the banner will be added:
    1. Post content position 1: [widget=BannerManagementPostContentPosition1THM]
    2. Post content position 2: [widget=BannerManagementPostContentPosition2THM]
    3. Post content position 3: [widget=BannerManagementPostContentPosition3THM]
• Dynamic post position 
  • Dynamic post banner 1: will be shown after the first 3 paragraphs. (if there are less than 3 paragraphs no banner will be displayed)
  • Dynamic post banner 2: will be shown after 6 paragraphs.  (if there are more than 3 but less than 6 paragraphs only 1 banner will be displayed)
  • Dynamic post banner 3: will be shown after 9 paragraphs. (if there are more than 6 but less than 9 paragraphs only 2 banners will be displayed)

The next section is the CTA link, this setting is to determine where you would like people to be redirected to after clicking on your banner image. You will need to add the full URL.

Then comes Banner Tags, these are keywords/tags that should be in the URL of the page where you want the banner to show up. Essentially they are the most important attribute for the banner because they will determine what pages display your banner or not. 

The last section is the Banner Image Link, here you will paste the image path of your banner in the media manager. Remember that images have to be uploaded in the BD media manager first, then you can copy the image URL there, to then come and paste it into this field.

To Edit or Delete, just click on the buttons shown below.

If you click on the magnifying glass under "View Stats", you will be able to see how many clicks and impressions the banner has gotten. You can also download these stats as an Excel file.

Below are the recommended sizes to upload on the media manager:

Header: 970x50px

Footer : 970x50px

Sidebar: 360px width with free height.

*Steps for the sidebar option for the Banner Position

This option needs to be added manually to each sidebar. First go to "Toolbox" and then click on "Sidebar manager", as shown below.

Once on that page, look for the sidebar you want to add the banner to, and on the left click on "Actions" and then "Customize".

Then you will be on the page shown below, here there is a section called "Available Widgets", on the arrow type in "responsive", and you will get the results as shown.

Going back to the options you get on the Banner Positions, these are the corresponding choices:

1. Sidebar position 1: Bootstrap Theme - Banner - Responsive Size
2. Sidebar position 2: Bootstrap Theme - Banner - Responsive Size 2
3. Sidebar position 3: Bootstrap Theme - Banner - Responsive Size 3

These options need to be dragged from the left column over to the right column.

When you are done dragging over the options remember to click "SAVE CHANGES".

*REMEMBER! In order for the plugin to work properly, you must verify the following:

First, go to "Settings", then click on "Design Settings". Once there, you need to go to the tab "Banner Ads".

Then you will need to verify the item selected on the drop down (as shown below in a red rectangle) is "Use Custom Embed Code". Then for each section mentioned below the following widget should be where the red arrow is pointed:

• Below Header Banner Ad: <?php echo widget("BannerManagementHeaderTHM"); ?>
• Footer Banner Ad: <?php echo widget("BannerManagementFooterTHM"); ?>
• Extra Banner Ad - 2: <?php echo widget("BannerManagementSidebarPosition2THM"); ?>
• Extra Banner Ad - 3: <?php echo widget("BannerManagementSidebarPosition3THM"); ?>

After this, go to the tab "Custom CSS / HEAD".

Here you need to verify the widget below is added on the section "Additional HEAD :Code", indicated by the red arrow. Remember there may be other code in that same section, but as long as the widget is added somewhere in there, the plug in will work.

• Additional HEAD Code: <?php echo widget("AllDynamicPostBanner"); ?>