Thursday, August 25, 2016

Cool Banner Ideas

Some Cool Banners very very fun. Got it from here:
http://digitalsynopsis.com/inspiration/50-incredibly-creative-online-banner-ads/

My personal 23 favourites out of the 50:

1. Pringles-Click for eternity, good copy
http://digitalsynopsis.com/pringles-click

2. Audi - Curves (you need to spin the wheel to animate the entire page)
http://digitalsynopsis.com/audi-curves

3. Insurance crash 

4. IBM

5. Getorade

7. Beer Goggles


11. McD - Make it better




http://www.bannerblog.com.au/2007/06/adidas_line_runner.php

18. Air force (right click and Press Inspect Element to view code)
http://www.bannerblog.com.au/banners2011/sourcecode_air_force/

19. Volkwagen Jetta - Too fast (rewind)

23. Assemble your own IKEA Banner ad

Friday, August 12, 2016

GDN Banners GWD-Exit Ad troubleshooting

ERROR: You click on the animated banner in chrome preview, and nothing happens.
What it's supposed to do: Open up a new tab with the target page loaded.

Why this error came about:
I converted Sizmek banners into GDN banners and only converted the Generic-Ad codes to DoubleClick, and only added one GWD-exit link.

OR

I didn't follow the tut in my previous post in order, I changed the eb.click to exit ad in Design View then only converted the code in Code View. Hence, the Google Ad>Metric Names do not appear in the code.

But, in order for the tab to work you need to check if your code has:

Note: 
You would already have to publish your file from GWD with exit-ad commands set in GWD on your overall tap-layer.

1. Do a quick command+F "https://" and look for the EB.clickthrough script:

 <script type="text/javascript" gwd-events="handlers">
        window.gwd = window.gwd || {};
        gwd.ebClick = function(event) {
          EB.clickthrough();
        };
        gwd.auto_ReplayclicktagAction = function(event) {
          // GWD Predefined Function
          gwd.actions.timeline.gotoAndPlay('page1', 'frame1');
        };
        gwd.auto_OverallclicktagAction = function(event) {
          // GWD Predefined Function
          gwd.actions.gwdGenericad.exit('gwd-ad', 'FunkyGirlBanner','https://linktopage', true,true);
        };
      </script>

a. Add in a metric name before the link. It could be the name of the file. You're going to use this again at the bottom of the code.

b. Make sure this link tally's to the link your client gives you. This will also be reused at the bottom of the code.

c. Add a ,true before the close.

2. Add this code at the bottom after </gwd-doubleclick>

<gwd-exit metric="FunkyGirlBanner" url="https://linktopage" url="true"></gwd-exit>

Note: 
Sometimes you will see this & highlighted in pink in the link if you use Sublime. Make sure to replace all these pink &s with &amp; it will change to a dark purple.


3. Go to the bottom of your code and search for this code and add in the yellow section:

<script data-exports-type="gwd-studio-registration">function StudioExports() {
Enabler.exit("https://linktopage", "true");

}

Basically, you need to add an enabler for the script to happen.

4. Save and open up the index in Chrome or whichever browser you prefer. The clickable tab should be working fine!

Thursday, August 11, 2016

Email Impression Pixel

What exactly is an e-mail impression pixel?

Basically when someone clicks on the said EDM, info on the amount of clicks will be sent to a database where the client can access the information and know, how many times it has been clicked.

Insert this link into the body:
<img src="http://linkgivenbyclientgoeshere" width="1" height="1" />

It's basically a 1px by 1px dot that's on the image.