Simple Ad

Beginner Tutorial

Goo Learn
Simple Ad

Tags

Advertisement
3D
publish

In this tutorial you will learn about:

Making and publishing a 3D ad

In this tutorial we will show how to make a customized 300x250 Spinning Cube ad in Goo Create, starting from a template.


Tags

Advertisement
3D
publish

In this tutorial you will learn about:

Making and publishing a 3D ad

Duration:

10 minutes


Last updated on:

May 19, 2016

Audience: the tutorial is made for ad unit makers, who want to make their first 3D ad in Goo Create.

Prerequisities: It's assumed that you have a Pro or Enterprise Goo Create account. See pricing.

Create the scene

  1. Start Goo Create by opening Goo Create in your browser.
  2. Click "New Scene"
  3. Choose the "6-sided Spinning Cube Ad" template
  4. Enter your ad name and click Create.

Find a brand image

We will add our own brand on all six sides of the spinning cube.

We recommend that you use a square image (.JPG recommended) that is of size 128x128, 256x256 or 512x512 for this ad. You can use one image for all sides, or separate images for each side. If you don’t have any image, use the one below, for all sides (right click and click Save Image As…).

Put the image(s) on the cube

Select one of the “CubeSide” entities, in the Hierarchy on the right side in Create. You may have to expand the “Hypercube” entity and its children in the list, by double-clicking on it, or clicking the small arrow.

When you’ve selected the “CubeSide” entity, open its Material panel to the left. Now unfold Ambient and click on the current texture. Now hover over the texture and click Browse. Select the image file you want to use for this side. Do this for all the different sides.

The cube will look something like this when done, after adjusting the Ambient color:

Fantastic. Press play and see your ad in action.

Add a thumbnail

We recommended to set a thumbnail for all scenes. For ad units, the thumbnail can be shown to the user while the ad is loading.

Click on the top node in the hierarchy, which has the scene title. Unfold the scene panel to the left by clicking on the name of the scene. Click “take screenshot”.

You can also upload a custom image. The thumbnail image should be the same size as your ad unit size. In our case, 300x250.

Open the tutorial in a new window

Note that this tutorial will close when you proceed with the following steps. We suggest that you open the tutorial in a separate window. You can then proceed with the following steps.

Open the Ad Publisher

Open the ad publisher by Clicking Scene and then Serve Ad….

Set ad dimensions and exit URL

While in the Ad Publisher app, enter the dimensions for the ad (Width = 300 and Height = 250). Choose Cover image as fallback and loading background.

To set the clickthrough/exit URL, enter the URL below Exit Tracking in the Exit 1 section.

Add tracking

(if you don’t want to add tracking pixels, just skip this step)

If you want to add some tracking pixels to the ad, check the Event Tracking and Exit Tracking. To track impressions, add a tracking pixel to the “imp” event (which is added by default).

To add Exit (clickthrough) tracking, add a pixel URL to the “default” exit (which is also added by default).

Get the script tag

When you’re done with the settings, click Get Script Tag at the bottom.

A dialog will open with the script tag in it. You can use this tag for embedding in any HTML page.

Embed the script tag

As an example we will embed the script tag in a simple HTML web page. See the full code and result below.

<html>
<body>
  <h1>This is my cool ad!</h1>
  <script id="goo1454496358970" src="https://c1.goote.ch/srv/28389c0b2dfb33afd7c536a13739e1d31b59fce4/serve.js?elementId=goo1454496358970&sceneId=f1a78c3f5927452aa3e636fd84e75d42.scene&sceneName=My%20Ad&width=300&height=250&zIndex=1000&transparentBackground=false&loadingScreen=thumbnail&iframe=true&mraid=false&loadOn=polite&engineVersion=0.15.30&features=statemachine%2Cscript%2Chtml%2Cphysics&fallback=thumbnail&tracking=%7B%7D&exit=%7B%22default%22%3A%7B%22url%22%3A%22%22%2C%22tracking%22%3A%5B%5D%7D%7D" type="text/javascript"></script>
</body>
</html>

Congratulations! You just made an ad in Goo Create!

Go back to the overview page
Beginner course