DoubleClick Studio EventsYouTube↗  IA↗(long shot)
Science & Technology  12.3K views 24 likes 5 dislikes   04 Aug 2014
Google Web Designer 76.8K subscribers United States YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
hello and welcome to this Google web
Здравствуйте! Начнем видеоурок,
designer video tutorial I'm Owen Corso
посвященный сервису Google Web Designer.
from Google and I'm going to walk you
Меня зовут Оуэн Корсо, я работаю в компании Google.
through adding custom events in GWD this
Я расскажу вам о настраиваемых событиях.
video will cover three types of events
Из этой презентации вы узнаете, как добавлять три типа событий:
exits counters and timers I've already
переходы, счетчики и таймеры.
started a file with a logo and start and
Я уже создал файл с логотипом и двумя кнопками –
stop buttons I will add an exit to the
"Старт" и "Стоп".
logo and use the buttons to start and
Добавим к логотипу событие перехода,
stop a timer I'll add a counter to the
а кнопки будут использоваться для запуска и остановки таймера.
start button to see how many times it is
К кнопке "Старт" мы также добавим счетчик.
clicked you
Он будет подсчитывать количество нажатий на кнопку.
part-1 exits let's start by adding an
Часть первая. Переходы.
exit an exit is double click solution
Начнем с добавления перехода. Переход – это функция DoubleClick,
for a click-through method under the
позволяющая использовать показатель CTR.
components accordion on the right-hand
На панели "Компоненты" в правой части области навигации
side of your navigation select tap area
выберем компонент "Интерактивная область".
click and drag that to your stage where
Нажимаем на него и перетаскиваем в ту часть рабочей области,
you want the exit event to be fired
где нужно будет активировать событие перехода.
next I align the component instance to
После этого выравниваем образец компонента, чтобы он
the stage where I'd like to display and then I scale the component by selecting
правильно отображался в рабочей области, и масштабируем его. Для этого выбираем инструмент со стрелкой
the arrow tool and then ticking the transform control checkbox now I'll
и устанавливаем флажок "Управление трансформацией".
click on my tap area element and then
Теперь нажимаем на нашем компоненте "Интерактивная область"
navigate to the properties accordion I
и переходим на панель "Свойства".
can adjust the position and size through
Здесь можно настроить положение и размер элемента,
this panel by specifying left and top
указав размещение по левому и верхнему краю,
positioning and width and height I can
а также ширину и высоту.
also specify lots of other things here
Здесь также можно задать множество других настроек.
but for now since this is an invisible
Но поскольку пока эта кнопка невидимая,
button I'll just leave these as the default values now I'll give this
я установлю значения по умолчанию.
component instance a name because you
Теперь присвоим имя образцу компонента.
could have multiple tracking items it's
Поскольку на странице может находиться множество
important to make sure that it is
элементов для отслеживания, очень важно, чтобы имя элемента
clearly named for the type of action the instance should be performing I will
четко определяло тип назначенного ему действия.
name this logo exit in two places the
Назовем этот элемент "logo_exit" дважды:
element ID and the component of properties name next I'll select the
в поле идентификатора элемента и в названии свойств компонента.
event section and hit the plus button in
Теперь выбираем раздел "События"
order to assign my button in action
и нажимаем на значок "+", чтобы назначить действие нашей кнопке.
under the plus button pop-up you can see
В появившемся всплывающем окне
that there are multiple options I want
мы видим несколько вариантов.
to make my tap area an exit button so
Например, сделаем интерактивную область кнопкой перехода.
I'll go ahead and select my target as logo exit next I'll sign it as a tap area and touch click I'll select that
Выбираем целью действия "logo_exit". Затем отметим его как "Интерактивная область" и "Нажатие".
since I want this to drive to a landing
Выбираем этот пункт, поскольку нам нужно,
page on click next on the action panel I
чтобы переход на целевую страницу происходил после нажатия. Затем на панели "Действия" открываем раздел DoubleClick
expand the double-click component accordion and choose exit and the
(изменено на: объявление Google) и выбираем "Переход".
receiver panel I select gwd ad and then
На панели "Получатель" выбираем "gwd-ad".
fill in how I want this exit to display in reporting under metrics ad now I'll
Теперь нужно указать, как данный переход должен отображаться в отчете в разделе "Идентификаторы показателей".
fill in the URL I want this to drive to under URL make sure to include the HTTP
В разделе URL следует указать назначение перехода. Определяя данный параметр,
protocol when you're defining this this
не забудьте включить протокол HTTP.
URL can always be changed once the ad is
URL-адрес можно изменить после того,
uploaded to studio as well
как объявление будет загружено в DoubleClick Studio.
since this is an in page ad I do not
Поскольку это объявление на странице,
need to check the collapse on exit check box if it were I would check it so the expanded panel will collapse when I
устанавливать флажок "Свернуть при переходе" не нужно. Если его установить, расширяемая панель
click through to the site now I'll go
будет сворачиваться после перехода на сайт.
ahead and hit save the tracking code is
Продолжим. Нажимаем "Сохранить".
automatically added in for you based on
Код отслеживания добавляется автоматически
what you're specifying so there's no
в зависимости от заданного параметра,
need to go through and edit the source code later part 2 counters now I'll go
поэтому не нужно редактировать исходный код. Часть вторая. Счетчики.
through how to add a counter to your
Сейчас я расскажу вам, как добавить к файлу счетчик.
file counter lets you track any action
Счетчик позволяет отслеживать все действия над объектом.
in a creative for example how many times
Например, сколько раз пользователь нажал на кнопку
a user clicked a button or masked over an object I've already created two more tap areas for my start and stop buttons
или навел курсор мыши на объект. Я уже создал еще две интерактивные области
and I've given them names in the properties panel now let's go to the
для кнопок "Старт" и "Стоп" и назначил им имена на панели "Свойства".
events panel and hit the plus button to
Теперь переходим на панель "События" и нажимаем на значок "+",
assign an event to the start button in
чтобы назначить событие кнопке "Старт".
the events modal window you can see
В окне "События"
there are multiple options since I want
можно увидеть несколько вариантов.
to make my tap area a counter I'll go
Поскольку счетчик нужно назначить интерактивной области,
ahead and select my tap area instance
выбираем интерактивную область
button start as my source next I'll
и добавляем "btnStart" в исходный код.
select tap area then touch click in
Затем выбираем "Интерактивная область" и "Нажатие".
action click double-click component and
В разделе "Действие" нажимаем на компонент DoubleClick
then incremental counter receiver is GWD
(изменено на: объявление Google) и выбираем "Накопительный счетчик".
ad and in the configuration panel we
В качестве приёмника указываем "gwd-ad". На панели "Конфигурация"
enter the metrics ID we want for
следует указать идентификаторы показателей для отслеживания.
tracking before I hit save for this
Прежде чем нажать кнопку "Сохранить",
example and what to check is cumulative
установим флажок "Сумма".
when I check this box it means 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 want to see
исказить показатели, нажимая на элемент много раз.
if something was interacted with I
Если вы хотите увидеть только взаимодействия с элементом,
suggest unchecking this box you want to
не устанавливайте этот флажок.
see every click then check it now I'll
Установите его, если вам нужно посмотреть все нажатия.
go ahead and hit save again all the code
Продолжим. Нажимаем "Сохранить".
is automatically added in based on what
Напомню, что по такой же схеме
we just did here part 3 timers now let's
автоматически добавляются все остальные коды. Часть третья. Таймеры.
add a timer to the file the timer lets
Теперь добавим в файл таймер.
you measure the length of any action in
Таймер позволяет определить длительность
the creative for example the amount of
любого действия над объектом.
time a user plays a game let's click the
Например, сколько времени пользователь играет в игру.
plus button on the events panel again to
Нажимаем значок "+" на панели "События",
assign an event to my element
чтобы назначить событие элементу.
select my start button again then tap
Снова нажимаем кнопку "Старт".
area touch click double click component
Затем выбираем "Интерактивная область", "Нажатие", "Компонент DoubleClick"
and then start timer receiver is GWD
(изменено на: объявление Google) и "Таймер запуска".
again which brings us to the metrics ID
В качестве приёмника снова указываем "gwd"
I'll fill in how I want my timer to track on your metrics ID making sure
и описываем отслеживание таймера в разделе "Идентификаторы показателей".
that I remember this metric I will need
Имя этого показателя следует запомнить,
to put this same metric name into the
поскольку его нужно указать на панели "События"
event panel when we assign our actions to our stop timer go ahead and hit save
во время назначения действий таймеру остановки.
next up I will repeat those steps for my
Продолжим. Нажимаем "Сохранить". Теперь эти действия нужно повторить для таймера остановки.
stop timer select my button stop this time then tap area touch click double
На этот раз выбираем "btnStop", затем "Интерактивная область", "Нажатие",
click component and then stop timer
"Компонент DoubleClick" (изменено на: объявление Google) и "Таймер остановки".
receiver is gwd add again and now we
В качестве приёмника снова выбираем "gwd-ad"
enter the exact same metric ID as we did in the start timer metric ID let's
и указываем те же идентификаторы показателей, что и для таймера запуска.
review we have an exit on the logo a counter cumulative counter on the start
Посмотрим, что получилось. У нас есть логотип с переходом, счетчик на кнопке "Старт"
button a timer that starts and stops
и таймер, который запускается и останавливается
depending on which button I press I can
в зависимости от нажатой кнопки.
do a cursory test run of the ad by going
Проведем быструю проверку объявления.
to preview and selecting my browser of choice I see the exit works in the start and stop timer that I should be counting
Нажимаем "Предварительный просмотр" и выбираем браузер. Здесь мы видим, как работает переход, таймер запуска и остановки,
time and the number of times I click
а также подсчет количества нажатий
start once I'm done testing and editing
на кнопку "Старт". После тестирования и редактирования объекта
my creative I'll select publish and
нажимаем "Опубликовать" и загружаем его в DoubleClick Studio,
upload the studio where I can see all the timers encounters in action and
где можно просмотреть действие всех счетчиков и таймеров.
that's how you add a timer into your
Вот так к объекту можно добавить таймер.
creative
Similar videos:

Component Tracking in DoubleClick Studio
Google Web Designer
5.6K views 13 likes 1 dislikes 04 Aug 201432% match


Building Expanding Creatives
Google Web Designer
28.8K views 68 likes 2 dislikes 04 Aug 201430% match


Building Expanding Creatives - Google Web Designer
Google Web Designer
8.7K views 56 likes 2 dislikes 18 Sep 201830% match


Dynamic in Studio - Google Web Designer
Google Web Designer
10.5K views 54 likes 1 dislikes 31 Aug 201830% match


Interactive video: how to create cue points and hotspots - Google Web Designer
Google Web Designer
10.7K views 98 likes 2 dislikes 29 Jul 201929% match


Publish to Studio
Google Web Designer
7.7K views 17 likes 1 dislikes 04 Aug 201429% match


How to Design a KPI
SAP Cloud for Customer
3.1K views 11 likes 0 dislikes 15 Oct 201828% match

Responsive Layout: Overview - Google Web Designer
Google Web Designer
106.5K views 444 likes 8 dislikes 03 May 201628% match


Studio Dynamic Profiles
Google Web Designer
5.6K views 35 likes 1 dislikes 28 Sep 201827% match


Create and format visualizations (3-2)
Microsoft Power BI
126.3K views 75 likes 6 dislikes 21 Feb 201727% match

Copiar texto de un PDF protegido sin usar programas | copiar textos de PDF que no permite el copiado
AirXander
108.8K views 2.3K likes -1 dislikes 11 Feb 202127% match
0 views 0 likes 0 dislikes 05 Jun 202627% match


Getting started with Google Web Designer: how to create a simple banner ad
Google Web Designer
46.6K views 339 likes 14 dislikes 29 Jul 201927% match


Google Web Designer - DoubleClick Studio Dynamic Overview
Google Web Designer
11.5K views 20 likes 8 dislikes 17 Nov 201526% match


Parallax Overview - Google Web Designer
Google Web Designer
31.9K views 285 likes 6 dislikes 28 Nov 201826% match


Custom Motion Effects in VideoStudio Pro X6
Corel VideoStudio
95.3K views 120 likes 9 dislikes 05 Mar 201326% match
0 views 0 likes 0 dislikes 05 Jun 202626% match



Creating and working with hierarchies in Power BI (3-11g)
Microsoft Power BI
100.1K views 140 likes 6 dislikes 12 Apr 201626% match

Create a foreign key in phpmyadmin and relate to primary key
Q Visible
94.2K views 469 likes 21 dislikes 02 Feb 201726% match

Como insertar PLC en AutoCAD Electrical 2020 11
Ingeniería Eléctrica con Pedro
755 views 44 likes 0 dislikes 04 May 202026% match

Left Voice, splitting keyboard and one simple trick for Yamaha arrangers players
Casper tutorSynth
786 views 53 likes 3 dislikes 21 Nov 202026% match

[Invision] Create the Application prototype | Pedro Jordan
Pedro Jordan
17.3K views 354 likes 9 dislikes 27 Apr 201725% match

Learn Excel - Slicer For Two Data Sets - Podcast 2198
MrExcel.com
31.6K views 440 likes 3 dislikes 04 May 201825% match



Recensione INCISORE ELETTRICO RICARICABILE PARKSIDE. PAGG 4 A1. LIDL
Riccardo Muscarella
23.5K views 684 likes 32 dislikes 01 Dec 202025% match


1/48 F4U-1D Corsair - ep 9 - Tamiya plastic scale model build
MM Scale Models
7.7K views 296 likes 2 dislikes 15 Aug 202025% match

Responsive Ad Workflow - Google Web Designer
Google Web Designer
21.8K views 208 likes 5 dislikes 24 Aug 201825% match


DIY pillow or cushion without sewing. Neko Atsume crafts
Ideas FACILES
42.5K views 1.7K likes 75 dislikes 29 Apr 201625% match

Capture One 20 Tutorials | Landscape edit
Capture One
35.9K views 460 likes 12 dislikes 04 Dec 201925% match
0 views 0 likes 0 dislikes 05 Jun 202625% match

EDM: Beats, Percussion, and Rhythms with Maschine
Avid
60K views 378 likes 22 dislikes 21 Aug 201425% match


Settings Privacy About Contact Donate