CodeCanyon Google HTML5 expandable ad templates 9631760

CodeCanyon Google HTML5 expandable ad templates 9631760

CodeCanyon Google HTML5 expandable ad templates 9631760
HTML5 Code \ Ad Templates Google HTML5 Code expandable ad templates
Google \ Designer \ Html \ Expandable \ Doubleclick



HTML5 Code - Google HTML5 expandable ad templates 9631760 by bguiz @ CodeCanyon

HTML5 Code \ Ad Templates Google HTML5 Code expandable ad templates

Last Update: 1 December 14; High Resolution: No; Compatible Browsers: IE10, IE11, Firefox, Safari, Opera, Chrome; Files Included: JavaScript JS, HTML, CSS; Software Version: HTML5, Google Web Designer.

google-html5-expandable-ad-templates

Each of these ad templates is meant to be edited using
Google Web Designer .

Google Web Designer is a what-you-see-is-what-you-get (WYSIWYG) editor
that excels in creating HTML5 web animations.
If you have no coding experience, not to worry,
this is perfect for you!
(If you are experienced with coding web pages,
you can always use the “Code View”, although this is not necessary.)

For each ad template here, I provide simple instructions that describe
the minimal steps required to make this ad template your own!

All of the ad templates comply with the standard sizes specified by the
Interactive Advertising Bureau .

All ad templates come ready to go as DoubleClick ads.

This package contains three expandable ad templates featuring an ad that
starts off with a small size, and when clicked,
expands to a large size.
Note that both the small and large sizes do conform to one of the IAB standard sizes.

Expandable ads provide a great value proposition,
as the cost to place the advertisement is determined primarily
by its size and position on screen.
By starting with a small ad, but expanding to a larger one,
we get more value for money, as we pay for the smaller initial size.

Expandable ads also create an element of interactivity to your ads,
and are best used when the ads are less of the
“display one thing” variety,
and instead have a more detailed message for the target audience.

half-banner-expands-to-pop-under/

Features

- Initial.

- Dimensions: IAB standard half banner- 234px by 60px

- Aspect ratio: 3.9

- Expanded.

- Dimensions: IAB standard pop under – 720px by 300px

- Aspect ratio: 2.4

- Suitable for when you have a very small banner available, but want a very large expanded area

- Features animated inward pointing arrows to direct attention to banner

- Features an autoplay Youtube video in the expanded area

- Features a “Buy Now” call to action button

Customisation
The sample ad provided is for for demonstration purposes only,
and it is intended to be used as a template.
To customise this ad for your own use, the following steps are required.

- Open in Google Web Designer

- Switch to “Banner Page”

- Select, using the text tool, div title and edit the text to be the name of your product or service

- Select, using the text tool, div subtitle and edit the text to be the subtitle or bylines for your product or service

- Now switch to “Expanded Page”

- Select, using the text tool, div bigtitle and edit the text to be the name of your product or service

- Select, using the text tool, div bigbylines and edit the text to be the subtitle or bylines for your product or service

- Delete div replacemewithanimage , and insert an image in its place

- Simply drag and drop an image file from your file explorer

- Select component youtubevideo , and open the “Properties” pane

- Under “Component properties”, change the URL to that of the Youtube video that you wish to play

- Open the “Events” pane, and double click on ctataparea ..

- Switch to the “Configuration” tab, and update the URL to the intended clickthrough URL

square-button-expands-to-large-rectangle

Features

- Initial.

- Dimensions: IAB standard square button – 125px by 125px

- Aspect ratio: 1

- Expanded.

- Dimensions: IAB standard large rectangle – 336px by 280px

- Aspect ratio: 1.2

- Suitable for when you have a small available banner area,
but do not wish to expand that much

- Features an autoplay Youtube video in the expanded area

- Features a “Buy Now” call to action button

Customisation
The sample ad provided is for for demonstration purposes only,
and it is intended to be used as a template.
To customise this ad for your own use, the following steps are required.

- Open in Google Web Designer

- Switch to “Banner Page”

- Select, using the text tool, div title and edit the text to be the name of your product or service

- Select, using the text tool, div subtitle and edit the text to be the subtitle or bylines for your product or service

- Now switch to “Expanded Page”

- Select, using the text tool, div bigtitle and edit the text to be the name of your product or service

- Select, using the text tool, div bigbylines and edit the text to be the subtitle or bylines for your product or service

- Delete div replacemewithanimage , and insert an image in its place

- Simply drag and drop an image file from your file explorer

- Select component youtubevideo , and open the “Properties” pane

- Under “Component properties”, change the URL to that of the Youtube video that you wish to play

- Open the “Events” pane, and double click on ctataparea ..

- Switch to the “Configuration” tab, and update the URL to the intended clickthrough URL

vertical-banner-expands-to-half-page-ad

Features

- Initial.

- Dimensions: IAB standard vertical banner – 120px by 240px

- Aspect ratio: 0.5

- Expanded.

- Dimensions: IAB standard half page ad – 300px by 600px

- Aspect ratio: 2

- Suitable for when you have vertical banner space,
but wish to expand into a horizontal layout

- Features an autoplay Youtube video in the expanded area

- Features a “Buy Now” call to action button

Customisation
The sample ad provided is for for demonstration purposes only,
and it is intended to be used as a template.
To customise this ad for your own use, the following steps are required.

- Open in Google Web Designer

- Switch to “Banner Page”

- Select, using the text tool, div title and edit the text to be the name of your product or service

- Select, using the text tool, div subtitle and edit the text to be the subtitle or bylines for your product or service

- Now switch to “Expanded Page”

- Select, using the text tool, div bigtitle and edit the text to be the name of your product or service

- Select, using the text tool, div bigbylines and edit the text to be the subtitle or bylines for your product or service

- Delete div replacemewithanimage , and insert an image in its place

- Simply drag and drop an image file from your file explorer

- Select component youtubevideo , and open the “Properties” pane

- Under “Component properties”, change the URL to that of the Youtube video that you wish to play

- Open the “Events” pane, and double click on ctataparea ..

- Switch to the “Configuration” tab, and update the URL to the intended clickthrough URL

Google HTML5 Ad Templates; NodeJs Ez Accounts; NodeJs URL shortener;

Keywords: ad, doubleclick, expandable, google, google web designer, html5.



Tags: Google, Expandable, Designer, Templates, Doubleclick

Premium CodeCanyon Google HTML5 expandable ad templates 9631760 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon Google HTML5 expandable ad templates 9631760 for digital design and education. CodeCanyon Google HTML5 expandable ad templates 9631760 desigen style information or anything related.

Comments:

Name:*
E-Mail:*
Add Comments:
Enter Code: *