Dynamic Exits in Studio - Google Web Designer Google Web Designer Japanese German

Dynamic Exits in Studio - Google Web DesignerYouTube↗ IA↗(long shot)
Science & Technology 4.6K views 28 likes 1 dislikes 28 Sep 2018

Google Web Designer 76.8K subscribers United States YouTube↗

Click to Play Video

GWDチームのケントです

Mein Name ist Kent und ich bin Creative-Experte für Google Web Designer.

スタジオでは動的なexitを設定できます

In diesem Video stelle ich dynamische Exits in Studio vor.

これはダイナミック広告がクリックされると読み込まれるURLで

Diese URLs werden beim Klicken auf eine dynamische Anzeige geladen.

表示中の商品に関連付けられ

Meist sind es Produktinformationen

URLはデータフィードから取り込まれます

und die URL stammt aus dem Datenfeed.

スタジオで動的なexitを設定してみましょう

In diesem Video zeige ich, wie diese Exits in Studio erstellt werden.

シンプルなのはギャラリーやカルーセルを使用しない広告です

Das einfachste Beispiel ist eine Anzeige ohne Galerie oder Karussell.

たとえばこのクリエイティブは

Das ist ein Beispiel aus meinem Video

「Dynamic in Studio」という動画で作成しました

"Dynamic in Studio – Google Web Designer".

プレースホルダコンテンツしか表示されませんがスタジオでプレビューするとフィードのデータが読み込まれます

Das Creative enthält nur Platzhalter. Wenn ich mir aber die Vorschau in Studio ansehe, werden die Daten aus meinem Feed geladen.

更新すると商品番号0が表示され

Nach dem Aktualisieren sehen wir Produkt Nummer 0.

フィードで商品0を見てみると

In meinem Feed für das Produkt 0

名前と画像

stehen dieser Name, dieses Bild

商品のexit URLが登録されています

und diese Exit-URL für das Produkt.

単純な静的exitを設定してあるので

Hier habe ich einen einfachen statischen Exit verwendet.

広告をクリックすると

Wenn ich auf die Anzeige klicke,

ランディングページのような静的URLが読み込まれます

wird eine statische URL wie die Landingpage geladen.

これを商品に関連するURLにexitするように

Ich möchte diesen Exit jetzt zur URL für das Produkt ändern.

Google Web Designerで設定しましょう

So funktioniert das in Google Web Designer:

まず現在のイベントを選択して削除します

Zuerst lösche ich das aktuelle Ereignis.

次に [コンポーネント]に移動し

Dann gehe ich zum Bereich "Komponenten"

[操作]を開いて [タップ領域]をドラッグ

und ziehe eine Interaktionsfläche aus dem Bereich "Interaktion".

[変形コントロール]をオンにしてタップ領域を広告全体に広げます

Ich aktiviere den Bearbeitungsmodus und ziehe die Interaktionsfläche über die gesamte Anzeige.

[ダイナミック]でプラスアイコンをクリックしバインディングを追加します

Unter "Dynamischer Content" klicke ich auf das Pluszeichen für eine neue Bindung.

このタップ領域を選択して

Ich wähle die Interaktionsfläche aus

[exitオーバーライドURL]を選択

und dann "Exit-Überschreibungs-URL".

フィードの内容を表示して

In meinem Feed wähle ich

最初のアイテム>[exit URL]>[URL]を選択します

das erste Element, dann "Exit-URL" und "URL" aus.

[OK]をクリックしてからパブリッシュしましょう

Ich klicke auf "OK" und veröffentliche die Anzeige.

パブリッシュが完了したらスタジオに切り替えます

Jetzt sehen wir uns das Ergebnis in Studio an.

クリエイティブを再読み込みして

Ich aktualisiere das Creative

広告をクリックすると

und klicke auf die Anzeige.

「商品1」の結果が表示されます

Jetzt gelange ich zu Produkt 1.

正しく機能しているか確認するため再読み込みします

Um ganz sicherzugehen, aktualisiere ich es noch mal.

「商品5」の画像が表示され

Hier ist Nummer 5.

クリックするとその結果が表示されます

Wenn ich darauf klicke, gelange ich zu Produkt 5. Es funktioniert also.

次は 1つの広告で静的と動的のexitを組み合わせてみます

Im nächsten Schritt möchte ich statische und dynamische Exits in einer Anzeige kombinieren.

ホームページにリンクするロゴを配置します

Über ein Logo oben will ich

下部には免責条項のテキストを入れて法的ページにリンクさせてもいいでしょう

zur Startseite gelangen und über einen Haftungsausschluss unten zu einer Seite mit rechtlichen Hinweisen. Sehen wir uns das an.

Google Web Designerに戻って

Zurück zu Web Designer.

新しいタップ領域をダブルクリックし

Ich doppelklicke auf diese neue Interaktionsfläche

「exit-default」という名前を付けます

und gebe als Name "exit-default" ein.

これをコピーして貼り付け名前を「exit-product」に変更します

Dann kopiere ich sie, füge sie ein und nenne die neue "exit-product".

このレイヤは最上位にあります

Das ist die oberste Ebene.

商品の領域だけを覆うようにサイズを調節します

Sie soll nur den Produktbereich abdecken.

「exit-default」を選択してこのexitを変更します

Ich wähle "exit-default" aus und ändere dafür den Exit.

[ダイナミック]で[選択範囲]を選択するとこの選択範囲のバインディングが表示されます

Dazu gibt es einen Trick unter "Dynamischer Content". Ich klicke auf "Auswahl" und sehe nur die Bindung für diese Auswahl.

これを選択して削除します

Ich wähle sie aus und lösche sie.

「exit-default」を選択したままで[イベント]を開き

Dann gehe ich zum Bereich "Ereignisse",

プラスアイコンをクリックして新しいイベントを追加します

klicke auf das Pluszeichen und füge ein neues Ereignis hinzu.

[Google広告]>[広告を終了]>[gwd-ad] を選択

Ich klicke auf "Google Anzeige", "Exit-Anzeige" und "gwd-ad".

ここには任意のIDを指定し

Hier gebe ich eine beliebige ID ein

[URL]にはランディングページの絶対URLを入力します

und die vollständige URL meiner Landingpage.

[OK]をクリックしてからまたパブリッシュしてみましょう

Dann klicke ich wieder auf "Veröffentlichen".

完了したらスタジオに戻りページを再読み込みします

Ich wechsle zu Studio und aktualisiere die Seite.

右上をクリックすると

Wenn ich jetzt auf die Ecken klicke,

静的なURLが表示されます

wird die statische URL aufgerufen.

商品画像をクリックすると商品のページが表示されます

Klicke ich auf das Produkt, wird das jeweilige Produkt angezeigt.

以上でこのデモは終わりですありがとうございました

Das war meine Demo zu dynamischen Exits in Studio. Danke fürs Zusehen.

Similar videos:

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

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

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

Authoring Dynamic Sample Data - Google Web Designer
Google Web Designer
14.6K views 62 likes 1 dislikes 28 Nov 201831% match

Template improvements - Google Web Designer
Google Web Designer
8.9K views 41 likes 2 dislikes 21 Jun 201730% match

Text Fitting - Google Web Designer
Google Web Designer
8.2K views 33 likes 6 dislikes 28 Nov 201829% match

Ad Validator - Google Web Designer
Google Web Designer
4.8K views 16 likes 1 dislikes 07 Sep 201829% match

Google Web Designer - Animation Updates
Google Web Designer
53.6K views 136 likes 9 dislikes 17 Nov 201529% match

Google Web Designer - Text Overview
Google Web Designer
13.1K views 25 likes 9 dislikes 17 Nov 201529% match

An Overview of the updated Google Web Designer
Google Web Designer
89.8K views 346 likes 14 dislikes 04 Aug 201429% match

A Google Web Designer Thought Experiment
Google Web Designer
330.9K views 345 likes 20 dislikes 04 Aug 201429% match

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

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

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

Advanced Preview Configuration - Google Web Designer
Google Web Designer
14.3K views 68 likes 3 dislikes 28 Nov 201827% match

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

Google Web Designer - Spritesheet Component Overview
Google Web Designer
18.6K views 52 likes 4 dislikes 17 Nov 201527% match

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

Google Web Designer - Streetview Component Overview
Google Web Designer
7.3K views 24 likes 0 dislikes 17 Nov 201527% match

Google Web Designer Asset Library Integration
Google Web Designer
10.7K views 15 likes 2 dislikes 13 Apr 201526% match

Groups with Events Overview - Google Web Designer
Google Web Designer
3.4K views 15 likes 2 dislikes 03 Jan 201826% match

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

Responsive Layout: Animation - Google Web Designer
Google Web Designer
27.6K views 82 likes 10 dislikes 03 May 201626% match

Publish to Drive
Google Web Designer
16.4K views 39 likes 6 dislikes 04 Aug 201426% match

Google Web Designer - AdWords Dynamic Overview
Google Web Designer
55K views 64 likes 21 dislikes 31 Aug 201526% match

Code View - Google Web Designer
Google Web Designer
7.2K views 55 likes 4 dislikes 14 Oct 201926% match

Multiple keyframe & thumbnail selection - Google Web Designer
Google Web Designer
5.6K views 11 likes 2 dislikes 16 Nov 201625% match

Enchanced Dynamic - Multi schema support
Google Web Designer
3.8K views 8 likes 1 dislikes 31 Aug 201525% match

Responsive Layout: Advanced Techniques - Google Web Designer
Google Web Designer
54.7K views 200 likes 4 dislikes 03 May 201625% match

Easing functions (Step start/end) - Google Web Designer
Google Web Designer
25.5K views 43 likes 5 dislikes 16 Nov 201623% match

Settings Privacy About Contact Donate