Samsung DSP Help Center

Building HTML5 with Google Web Designer

Building HTML5 with Google Web Designer

Article summary

Did you find this summary helpful?

Thank you for your feedback

This page helps you build an HTML5 creative using Google Web Designer.

When building a new file, you can select Banner, under Ads.
For the environment, make sure to select Non-Google Ad .

To add the reference to AdGear HTML5 API JavaScript file, click the Code View button, next to the Design View button.
From the code view, find the </head> closing tag and just before that tag, add the AdGear HTML5 API JavaScript.

Code Snippet

<script type="text/javascript" src="https://h5.adgear.com/v2/js/html5.min.js"></script>

Make sure you are on the Design view.

Use the Element tool to create a rectangle.
Select your click button on the scene with the Selection tool.
Set an ID to this element, in the Properties section of the right panel.
Double-click your element.
On the right panel, click Components.
Drag the Tap Area component to the scene.
On the right panel, click Properties.
Edit the top and left to 0px, and the width and height to 100% (click px and change it for %).
Right-click your element on the scene and click Add event...
In the Event panel, click Tap Area and select Touch/Click.
In the Action panel, click Custom and select Add custom action.
Give a name to the custom action. In our example, we'll use adgearClickThrough.
In the code section, add the call to the AdGear’s clickThroughfunction with clickTAG as the click name, and click OK.

Code Snipet

    ADGEAR.html5.clickThrough("clickTAG")

See HTML5 Javascript Library to create more sophisticated ad executions by leveraging the extent of the AdGear HTML5 JavaScript API.

Please consider having a look at this document HTML5 Recommendations where we provide important tips and best practices to improve your HTML5.

Go to File, click Publish and select Publish locally.
1. Alternatively, click the Publish icon on the top right of the screen and select Publish locally.
In the Publish settings, we suggest that you check the Create Zip option, as Samsung DSP requires the package to be a zip file.
We also recommend that you check the Minify option, to minimize the total file size of the ad. For the other options, select the ones that fit your needs.