-
OWEN CORSO: Hello, and welcome
to this Google Web Designer
-
video tutorial.
-
I'm Owen Corso from
Google, and today we're
-
going to cover video
component usage and tracking.
-
I've already created a file
containing a video component,
-
a YouTube video component,
and a carousel gallery.
-
Simply by adding the GWD
components to the stage,
-
standard tracking for
each is automatically
-
added to the code.
-
First, we'll review what
I've set up in the GWD file,
-
and then we'll take a look
at how it appears in Studio.
-
Click on the video
component on the stage
-
and expand the
Properties accordion.
-
You'll see that I gave the
component an identifiable name
-
so I can accurately find
it when assigning events.
-
I have a local MP4
file as the video
-
and used the default controller.
-
Now let's click on the
YouTube video component.
-
And I see that I gave
it an identifiable name,
-
and I have the full
video URL listed
-
to identify which
video to pull in.
-
Lastly, I have a carousel
with a unique name
-
and have added
four images to it.
-
Let's collapse that panel
and expand the Events panel.
-
Here you see a
long list of events
-
that I have added to facilitate
tracking and navigation.
-
All of the tracking metrics here
will appear in the Studio UI
-
once I upload the files.
-
I will walk through
adding a custom counter.
-
First, click on the plus
button in the events panel.
-
Next select the instance you
want to add the tracking to.
-
I will select the carousel.
-
Next I select Carousel.
-
In Action, click DoubleClick
component (changed to: Google Ad) and then incremental
-
counter.
-
Receiver is GWD Ad.
-
And in the
Configuration panel, we
-
enter the metrics ID
we want for tracking.
-
Before I hit Save
for this example,
-
I want to check the Is
Cumulative check box.
-
When I check this box, it
means that the creative
-
will track every time
I click this button.
-
When you uncheck it,
the counter will only
-
track once per impression.
-
This option prevents
a single user
-
from clicking multiple times
and skewing the metrics.
-
If you just want to see if
something was interacted with,
-
I suggest unchecking this box.
-
If you want to see every
click, then check it.
-
Now, I'll go ahead and hit Save.
-
Again, all of the
code is automatically
-
added in based on
what we just did here.
-
Now let's jump over to the
Studio UI and take a look.
-
After the files are
uploaded, you'll
-
be able to click on
the Edit Event circle
-
to see what the ad is tracking.
-
I have 14 custom
counters that will
-
be tracked in this ad as well as
quite a few standard counters.
-
-
As I rollover, you
can see that there's
-
a pencil icon that pops up that
I can edit some of the events
-
properties, such as changing
the name that will appear
-
for tracking or
changing an exit URL.
-
Once I'm happy
with the tracking,
-
I navigate to the preview
screen and a simulation of my ad
-
will appear.
-
Click on the Show Details button
to see all of the events fire
-
as you interact with the ad.
-
You can watch them
fire off one by one
-
and identify any which
are not working correctly.
-
If you find a broken one, you
will go back and fix it in GWD
-
and then upload the
assets to Studio again.
-
That covers the basics
of component tracking.
-