---
title: Banner Advertising With ExpressionEngine
date: 2010-04-15T20:00:00-04:00
author: cc_admin
canonical_url: "https://caffeinecreations.ca/blog/banner-advertising-with-expressionengine/"
section: Blog
---
![Code](https://caffeinecreations.ca/uploads/blog/_1920x660_crop_center-center_none_ns/code.jpg)

- [Code](https://caffeinecreations.ca/blog/category/code/), [ExpressionEngine](https://caffeinecreations.ca/blog/category/expressionengine/), [EE Tutorials](https://caffeinecreations.ca/blog/category/expressionengine/ee-tutorials/)

# Banner Advertising With ExpressionEngine

I’m currently building a magazine site for a client which will have advertising in the sidebar. To implement this advertising I used the method detailed in the Subvert.ca blog [How to build your own banner advertising system with ExpressionEngine and Google Analytics](http://subvert.ca/blog/archive/expressionengine-advertising/) This was really easy to implement. However I wanted to do a little more.

I’m currently building a magazine site for a client which will have advertising in the sidebar. To implement this advertising I used the method detailed in the Subvert.ca blog [How to build your own banner advertising system with ExpressionEngine and Google Analytics](http://subvert.ca/blog/archive/expressionengine-advertising/) This was really easy to implement. However I wanted to do a little more.

Since campaigns may expire and it’s possible that there may not be a full complement of live ads on the site at one time I decided to add dummy ads to the site that will only appear when there are not enough paid ads. To do this I used the [ loop plugin](http://www.putyourlightson.net/projects/loop) and a series of conditionals. the advertising here is block of four 125x125 ads where the weblog:entries tag has a limit=“4” The following code is placed just before the closing weblog:entries tag in the tutorial mentioned above and voila blank ads to complete the block.

```
<button class="absolute z-10 flex items-center justify-center w-8 h-8 -translate-y-1/2  -right-4 -top-4" clipboard="" title="Copy to Clipboard" to="" type="button" x-clipboard.raw="{if no_results}
{exp:for_loop start="1" end="4" increment="1"}
&nbsp; <a href="{site_url}site/contact/"><img src="{interface}images/ad125x125.jpg" alt="advertise with us" height="125" width="125" /></a>
{/exp:for_loop}
{/if}

{if count=="1" AND total_results=="1"}
{exp:for_loop start="1" end="3" increment="1"}
&nbsp; {if {loop_count} >="{count}"}<a href="{site_url}site/contact/"><img src="{interface}images/ad125x125.jpg" alt="advertise with us" height="125" width="125" class="{switch='ad125-left|ad125-left|ad125-right|ad125-left'}"/></a>{/if}
{/exp:for_loop}

{if:elseif count=="2" AND total_results=="2"}
{exp:for_loop start="1" end="3" increment="1"}
&nbsp; {if {loop_count} >="{count}"}<a href="{site_url}site/contact/"><img src="{interface}images/ad125x125.jpg" alt="advertise with us" height="125" width="125" class="ad125-left"/></a>{/if}
{/exp:for_loop}

{if:elseif count=="3" AND total_results=="3"}
{exp:for_loop start="1" end="3" increment="1"}
&nbsp; {if {loop_count} >="{count}"}<a href="{site_url}site/contact/"><img src="{interface}images/ad125x125.jpg" alt="advertise with us" height="125" width="125" /></a>{/if}
{/exp:for_loop}
{/if}" x-data="">
	<svg class="h-5 w-5" viewbox="0 0 64 64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
  <rect fill="#f3f4f6" height="53" rx="3" width="41" x="7" y="2"></rect>
  <rect fill="#f3f4f6" height="51" rx="3" width="39" x="19" y="11"></rect>
  <path d="M53.98 9.143h-3.97c-.082 0-.155.028-.232.047V5.023C49.778 2.253 47.473 0 44.64 0H10.217C7.384 0 5.08 2.253 5.08 5.023v46.843c0 2.77 2.305 5.023 5.138 5.023h6.037v2.268c0 2.67 2.216 4.843 4.941 4.843H53.98c2.725 0 4.942-2.173 4.942-4.843v-45.17c0-2.671-2.217-4.844-4.942-4.844zM7.11 51.866V5.023c0-1.649 1.394-2.991 3.106-2.991H44.64c1.712 0 3.106 1.342 3.106 2.99v46.844c0 1.649-1.394 2.991-3.106 2.991H10.217c-1.712 0-3.106-1.342-3.106-2.99zm49.778 7.29c0 1.551-1.306 2.812-2.91 2.812H21.195c-1.604 0-2.91-1.26-2.91-2.811v-2.268H44.64c2.833 0 5.138-2.253 5.138-5.023V11.128c.077.018.15.047.233.047h3.968c1.604 0 2.91 1.26 2.91 2.811v45.17z"></path>
  <path d="M38.603 13.206H16.254a1.015 1.015 0 1 0 0 2.032h22.35a1.015 1.015 0 1 0 0-2.032zM38.603 21.333H16.254a1.015 1.015 0 1 0 0 2.032h22.35a1.015 1.015 0 1 0 0-2.032zM38.603 29.46H16.254a1.015 1.015 0 1 0 0 2.032h22.35a1.015 1.015 0 1 0 0-2.032zM28.444 37.587h-12.19a1.015 1.015 0 1 0 0 2.032h12.19a1.015 1.015 0 1 0 0-2.032z"></path>
</svg>
<div class="sr-only">Copy to clipboard</div></button>```html
{if no_results}
{exp:for_loop start="1" end="4" increment="1"}
&nbsp; <a href="{site_url}site/contact/"><img src="{interface}images/ad125x125.jpg" alt="advertise with us" height="125" width="125" /></a>
{/exp:for_loop}
{/if}

{if count=="1" AND total_results=="1"}
{exp:for_loop start="1" end="3" increment="1"}
&nbsp; {if {loop_count} >="{count}"}<a href="{site_url}site/contact/"><img src="{interface}images/ad125x125.jpg" alt="advertise with us" height="125" width="125" class="{switch='ad125-left|ad125-left|ad125-right|ad125-left'}"/></a>{/if}
{/exp:for_loop}

{if:elseif count=="2" AND total_results=="2"}
{exp:for_loop start="1" end="3" increment="1"}
&nbsp; {if {loop_count} >="{count}"}<a href="{site_url}site/contact/"><img src="{interface}images/ad125x125.jpg" alt="advertise with us" height="125" width="125" class="ad125-left"/></a>{/if}
{/exp:for_loop}

{if:elseif count=="3" AND total_results=="3"}
{exp:for_loop start="1" end="3" increment="1"}
&nbsp; {if {loop_count} >="{count}"}<a href="{site_url}site/contact/"><img src="{interface}images/ad125x125.jpg" alt="advertise with us" height="125" width="125" /></a>{/if}
{/exp:for_loop}
{/if}
```
```

You can see a screen shot of my dev site below.

![screenshot](http://caffeinecreations.ca/uploads/blog/ad-screenshot.PNG)
