Adding a Square Banner

Banners are very useful in terms of advertising, or highlighting something important like an upcoming event maybe. Composr has built-in support for Banners and supports different Types of Banners.
We'll discuss the Square banner example here, the first step is to define a Banner Type, so lets start with that,

Creating a new Banner type
1. Log in to “Adminzone” and select “Banners” in the “Content” section dropdown list. In the “Banners” page you should see the option “Add banner type” select that, this will take you to banner type form.
2. The form will ask for the following, Name for the Banner type, Whether the banner will be text style or not, Height and Width for the Banner type, it is highly recommended that you always provide the dimensions as per IAB guidelines, then choose the max file size the banners should have, enter the following in the fields,
a) Name of the Banner type: square
b) check the box for Whether it will be text style or no,
c) Set both Height & Width as 250,
d) Next field defines the size for banners, This is important as large files can cause your site to run slowly, since we are creating a textual banner we have to enter the maximum characters the banner can have, set that to 300
3. Save the banner type after entering all the details

Uploading a new Banner with the new type
1. Go back to “Banners” page in the “Contents” section, and select “Add Banner”
2. This will take you to a form again, provide the details in the form same as before, firstly give a name to your new Banner, say SquareBanner
Next field is “Destination URL” meaning the link to a page or url where the banner should link to when the user clicks on it, you can try some URL to test or leave it blank,
3. Next is Banner Type, scroll down and select the newly created banner type “square”
4. Check validated checkbox to link it to the site
5. In the media you can upload an image for the banner, write a text, or even write a code snippet directly, we will test with text since we created a textual banner
6. The final section in the form is to choose whether the banner is a permanent banner which will be always displayed or you can also choose whether the banner is a campaign banner or a default fall back banner, which means display this banner if there are no other banners available
7. The courtesy hits option is to define how many times the banner can be clicked before it is removed.
8. You can also choose how important the banner is, you can set the importance modulus value which will determine how regularly the Banner will be displayed
9. The last option is the expiry date for a banner which will only display until this date. This can be useful for campaigns which only lasts for a limited amount of time.
10. After entering all the details hit “save”

Adding the new square banner to your site
1. Navigate to the zone where you want the banners to appear
2. Click edit the panel where you want the banners to appear on for example the left panel
3. Click add comcode box and scroll down to Banner wave and select it
4. Choose the banner type and select the newly created “square” type
5. Choose the maximum number of banners you want to display. This is set to 100 which will be very long if you set this number lower than the number of banners you have uploaded it will randomly display the banners based on how important you set them in the previous process.
6. Click use and then save the panel you have edited.


Adding the Square Banner using symbol
1. It is also possible to add a banner using the $BANNER symbol directly in the comcode page
2. Let's see an example of how we can add it to the right side panel of the front page
3. Go to “pages” -> “comcode_custom” folder and you should find 'panel_right.txt' file in this folder, edit 'panel_right.txt' using your favorite editor
4. Add the following line to the top of the file,
{$BANNER,square}
5. The symbol $BANNER invokes the internal banners.php file and “square” is passed as a string parameter which defines the type of Banner

Adding a Square Banner
--------------------------------------

Banners are very useful in terms of advertising, or highlighting something important like an upcoming event maybe. Composr has built-in support for Banners and supports different Types of Banners.

We'll discuss the Square banner example here, the first step is to define a Banner Type, so lets start with that,

Creating a new Banner type:
-------------------------------------------

(Screenshot_001.png)

1. Log in to “Adminzone” and select “Banners” in the “Content” menu list. In the “Banners” page, select the option “Add banner type” and it will take you to the 'Add banner type' form.

2. The form will ask for the following, Codename for the Banner type, Whether the banner will be text style or not, Height and Width for the Banner type, it is highly recommended that you always provide the dimensions as per IAB guidelines, then choose the max file size the banners should have, enter the following in the fields,
a) Codename of the Banner type: square
b) check the box for Whether it will be text style or not,
c) Set both Height & Width as 250,
d) Next field defines the size for banners, This is important as large files can cause your site to run slowly, since we are creating a textual banner we have to enter the maximum characters the banner can have, set that to 300

3. Save the banner type after entering all the details.

Uploading a new Banner with the new type:
-------------------------------------------------------------------

(Screenshot_002.png)

1. Go back to “Banners” page in the “Contents” section, and select the “Add Banner” option.
2. This will take you to a form again, provide the details in the form same as before, firstly give a name to your new Banner, say 'SquareBanner'.
Next field is “Destination URL” meaning the link to a page or url where the banner should link to when the user clicks on it, you can try some URL to test or leave it blank,
3. Next is Banner Type, scroll down and select the newly created banner type “square”
4. Check validated checkbox to link it to the site
5. In the media you can upload an image for the banner, write a text, or even write a code snippet directly, we will test with text since we created a textual banner
6. The final section in the form is to choose whether the banner is a permanent banner which will be always displayed or you can also choose whether the banner is a campaign banner or a default fall back banner, which means display this banner if there are no other banners available
7. The courtesy hits option is to define how many times the banner can be clicked before it is removed.
8. You can also choose how important the banner is, you can set the importance modulus value which will determine how regularly the Banner will be displayed
9. The last option is the expiry date for a banner which will only display until this date. This can be useful for campaigns which only lasts for a limited amount of time.
10. Save the banner after entering all the details.

Adding the new square banner to your site:
------------------------------------------------------------------

1. Navigate to the zone where you want the banners to appear.
2. Click edit the panel where you want the banners to appear on for example the left panel.
3. Click 'add dynamic block' and scroll down to the 'Banner' section and select 'Banner wave'.
4. Choose the banner type and select the newly created “square” type.(Screenshot_003.png)
5. Choose the maximum number of banners you want to display. This is set to 100 which will be very long if you set this number lower than the number of banners you have uploaded it will randomly display the banners based on how important you set them in the previous process.
6. Click use and then save the panel you have edited.


Adding the Square Banner using symbol:
---------------------------------------------------------------

1. It is also possible to add a banner using the $BANNER symbol directly in the comcode page
2. Let's see an example of how we can add it to the right side panel of the front page
3. Go to “pages” -> “comcode_custom” folder and you should find 'panel_right.txt' file in this folder, edit 'panel_right.txt' using your favorite editor
4. Add the following line to the top of the file,
{$BANNER,square}
5. The symbol $BANNER invokes the internal banners.php file and “square” is passed as a string parameter which defines the type of Banner

(Click to enlarge)

(Click to enlarge)

(Click to enlarge)