Google Web Designer - DoubleClick Studio Dynamic OverviewYouTube↗  IA↗(long shot)
Science & Technology  11.5K views 20 likes 8 dislikes   17 Nov 2015
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
Hallo, mein Name ist Venkatesh
Merhaba. Adım Venkatesh.
und ich bin Entwickler im Google Web Designer-Team.
Google Web Designer ekibinde mühendisim.
In diesem Video zeige ich Ihnen, wie Sie
Bugün bu videoda size Google Web Designer'ı,
mit Google Web Designer eine dynamische Anzeige erstellen,
DoubleClick Studio hesabınıza erişimi olan
und zwar mit einem benutzerdefinierten Profil
özel bir profille kullanarak nasıl dinamik reklam
aus Ihrem DoubleClick Studio-Konto.
oluşturacağınızı göstereceğim.
Wir gehen davon aus, dass Sie sich mit DoubleClick Studio
Bu videoda, DoubleClick Studio, dinamik reklamlar
sowie mit dynamischen Anzeigen und Inhalten auskennen.
ve dinamik içeriğe az çok aşina olduğunuzu varsayıyoruz.
Sehen wir uns zunächst hier
Buradaki DoubleClick Studio hesabımın görünümüyle
mein DoubleClick Studio-Konto an.
başlayayım.
Ich bin bereits in meinem DoubleClick Studio-Konto angemeldet
DoubleClick Studio hesabıma önceden giriş yapmış
und habe hier auf den Tab "Dynamische Inhalte" geklickt.
ve buradaki dinamik içerik sekmesini tıklamıştım.
Wie Sie sehen, gibt es
Kullandığım bu reklamverenin
für diesen Werbetreibenden mehrere Profile.
birçok profilinin olduğunu görebilirsiniz.
Das erste hier hat die Bezeichnung
Buradaki ilk profilin adı GWD Multiple row
"GWD Multiple row Carousel Example".
Carousel Example.
Dieses Profil verwende ich jetzt für unsere Demo.
Bugünkü demo için bu profili kullanacağım.
Zunächst wechsle ich zu Google Web Designer.
Şimdi Google Web Designer'a geçiyorum.
Ich beginne mit einer leeren Datei.
Yeni bir dosyayla başlayacağım.
Die meisten Einstellungen belasse ich genau so und
Ayarların çoğunu olduğu gibi, varsayılan
verwende die Standardeinstellungen.
değerlerinde bırakacağım.
Sie sehen, dass es sich um eine DoubleClick-Umgebung handelt.
Burada, bunun bir DoubleClick ortamı olduğunu görebilirsiniz,
Das heißt, wir erstellen eine DoubleClick-Anzeige.
yani bu bir DoubleClick reklamı.
Ich gebe ihr den Namen "Demo".
Buna Demo adını vereceğim.
Damit gelangen wir zum Anzeigebereich.
Böylece sahneye geçeriz.
Ich verwende hier die Karussell-Galerie.
Buradaki atlı karınca galeri bileşenini kullanacağım.
Ich klicke darauf und ziehe sie in den Anzeigebereich.
Tıklayıp sahnenin üzerine sürükleyeceğim.
Wie der Name schon sagt, verhält sich eine Karussell-Galerie
Adından da anlayacağınız üzere, bir atlı karınca galeri
wie ein Karussell.
atlı karınca gibi davranır.
Sind Bilder vorhanden, kann der Nutzer ein Bild verschieben
Resim içeriyorsa kullanıcı resmi kaydırabilmelidir,
und das nächste Bild erscheint.
ardından bir sonraki resim açılır.
Jetzt habe ich also die Karussell-Galerie in meiner Anzeige
Reklamımda atlı karınca galerim olduğundan,
und muss herausfinden, wie ich die Bilder mit
resimleri atlı karınca galerisine nasıl bağlayacağımı
der Karussell-Galerie verbinde.
belirlemem gerekiyor.
Dazu verwende ich hier das Steuerfeld "Dynamisch".
Bunun için buradaki dinamik panelini kullanacağım.
Wenn ich jetzt hier unten auf das Pluszeichen klicke,
Burada, alttaki artı işaretini tıkladığımda, bir dinamik
wird das Dialogfeld "Dynamische Eigenschaften" geöffnet.
özellikler iletişim kutusu açılır.
Beachten Sie, dass ich bereits angemeldet bin.
Önceden giriş yaptığımı unutmayın.
Wäre das nicht der Fall,
Giriş yapmamış olsaydım
würde ich jetzt aufgefordert, mich zu authentifizieren.
kimliğimi doğrulamam istenirdi.
Ich gebe jetzt die Daten für das Konto und den Werbetreibenden ein,
Bu tanıtım için kullanacağım hesap ve reklamveren
die ich für diese Demo verwenden möchte.
bilgilerini gireceğim.
Sobald ich den Werbetreibenden eingegeben habe,
Reklamvereni girdikten sonra, bu reklamverenin
sollte ich alle Profile sehen, auf die dieser Werbetreibende zugreifen kann.
erişiminin olduğu tüm profilleri görebilmem gerekir.
Das erste Profil, das hier erscheint,
Burada gösterilen ilk profili
ist "GWD Multiple row Carousel Example".
--GWD Multiple row Carousel Example--
Ich klicke darauf.
tıklayacağım.
Jetzt ruft Google Web Designer
Bu noktada, Google Web Designer
alle erforderlichen Daten von DoubleClick Studio ab.
ihtiyacı olan tüm bilgileri DoubleClick Studio'dan getirir
Danach gelangen wir zum Tab "Bindungen".
ve daha sonra, bizi bağlamalar sekmesine yönlendirir.
Wie Sie sehen, verfügt der Tab "Bindungen"
Gördüğünüz gibi bağlamalar sekmesinde
über drei Spalten: "Element", "Elementattribut"
üç sütun var: öğe, öğe özelliği
und "Datenschemaobjekt".
ve veri şeması nesnesi.
In unserem Fall ist das Element die Karussell-Galerie.
Örneğimizdeki öğe atlı karınca galeri.
Und die Karussell-Galerie verfügt über eine Reihe von Attributen,
Atlı karınca galerinin arka plan rengi,
wie die Hintergrundfarbe, die Rahmenfarbe, die Schriftgröße usw.
kenarlık rengi, yazı tipi boyutu gibi çeşitli özellikleri vardır.
Das Attribut, das ich binden möchte, heißt "Bilder".
Bağlamak istediğim özelliğin adı, resimler.
"Bilder" sind, wie der Name schon sagt, eine Liste von Bild-URLs,
Yine adından anlaşılacağı gibi resimler, virgülle ayrılmış bir
die durch Kommas getrennt sind.
resim URL'leri listesidir.
Wenn ich also nun im Datenschemaobjekt klicke, sehen Sie
Veri şema nesnesini tıkladığımda,
den Namen des Profils: GWD Testing Studio.
profilin adının GWD Testing Studio olduğunu görürsünüz.
Wenn ich hier klicke, sehen Sie diese Array-Struktur.
Burayı tıkladığımda, bu dizi yapısını görürüz.
Bei jedem handelt es sich um ein Array-Element, das mit
Bunların her biri bir dizi öğesidir ve bu feed'deki
einer Zeile im Feed übereinstimmt.
bir satıra karşılık gelir.
Ich klicke auf das Element "0". Das hier sind alle Spaltennamen, die ID,
Sıfır öğesini tıklıyorum... Bunların hepsi sütun adları.
der Artikelinhalt, der Artikel-CTA usw.
Kimlik, makale içeriği, makale CTA'sı ve diğerleri.
Ich verwende das Artikelbild und den URL-Wert.
Şimdi makale resmi ve URL değerini kullanacağım.
Gehen wir einen Schritt zurück. Sehen Sie die Filter hier?
Bir adım geriye gidiyorum. Buradaki filtreleri fark edeceksiniz.
Ich verwende jetzt die Option "pluckandjoin KEY"
Pluckandjoin anahtarını kullanıyorum.
und werde das nun ein wenig per Hand bearbeiten.
Burada biraz manuel düzenleme yapacağım.
Mit der Option "pluckandjoin" kann ich
Pluckandjoin şunu yapabilir:
einen Wert von jedem Element im Array herausnehmen
Dizideki her bir öğeden bir değeri çekebilir (pluck)
und diese durch Kommas verbinden.
ve sonra, bunları virgül kullanarak birleştirebilir (join).
Ich gebe jetzt also "article_image.url" ein
Şimdi article_image.url yazıyor ve sonrasında
und klicke dann auf "OK".
Tamam'ı tıklıyorum.
Sie sehen, dass die von mir vorgenommene Datenbindung
Fark ettiyseniz yaptığım veri bağlaması, buradaki
hier im Steuerfeld "Dynamisch" erscheint.
dinamik panelde gösteriliyor.
Jetzt werde ich meine Arbeit speichern.
Bu noktada, çalışmamı kaydedeceğim.
In der Karussell-Galerie haben wir nun die Bildeigenschaft gebunden.
Atlı karınca galeride, resimler özelliğini bağladık.
Wenn ich hier auf die Vorschau klicke,
Buradaki önizlemeyi tıklarsam
sollten wir unsere bisherige Arbeit ansehen können.
şimdiye kadar yaptığımız çalışmayı önizleyebilmemiz gerekir.
Sehen Sie? Das Bild erscheint bereits
Resmi zaten atlı karınca galeride gördüğünüzü
in der Karussell-Galerie.
fark edeceksiniz.
Wenn ich nun darauf klicke und das Bild verschiebe,
Dolayısıyla, tıklayıp resmi kaydırırsam
sollte das nächste Bild erscheinen.
sonraki resim gösterilir.
In unserem Fall sind aber alle Bilder gleich.
Bu örnekte, her resim aynı.
Ich zeige Ihnen ein weiteres Beispiel für eine Karussell-Galerie.
Size Google Web Designer'ı ve aslında aynı profili
Diese habe ich bereits mit Google Web Designer
kullanarak oluşturduğum başka bir atlı karınca
und unter Verwendung desselben Profils erstellt.
galeri örneğini göstereyim.
Hier habe ich unterschiedliche Bilder gebunden.
Burada, farklı resimleri bağladım.
Wenn ich nun dieses Bild verschiebe, sehen Sie ein neues.
bu yüzden, bu resmi kaydırdığımda yeni bir resmin gösterildiğini görüyorsunuz.
Dann verschiebe ich dieses und das nächste erscheint und so weiter.
Bunu kaydırdığımda sonraki resim gösterilir ve bu şekilde devam eder.
Ich kann die Bilder auch rückwärts in die andere Richtung verschieben.
İstersem geriye doğru kaydırıp diğer yönde de gidebilirim.
Sie sehen, es war ziemlich einfach,
Gördüğünüz gibi, DoubleClick Studio'daki
anhand eines Profils aus DoubleClick Studio
bir profili kullanıp Google Web Designer'da
eine dynamische Anzeige in Google Web Designer zu erstellen.
kolayca bir dinamik reklam oluşturdum.
Damit ist diese Lektion abgeschlossen.
Bugünlük anlatacaklarım bu kadar.
Vielen Dank für Ihre Aufmerksamkeit.
Beni dinlediğiniz için teşekkür ederim.
Similar videos:

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


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


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


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


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


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


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


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


Data Driven Templates for Display & Video 360 Ad Canvas - Google Web Designer
Google Web Designer
5K views 39 likes 0 dislikes 26 Sep 201828% match


Dynamic Exits in Studio - Google Web Designer
Google Web Designer
4.6K views 28 likes 1 dislikes 28 Sep 201828% match
0 views 0 likes 0 dislikes 05 Jun 202628% 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 201928% match


CSS Panel Overview - Google Web Designer
Google Web Designer
3K views 16 likes 0 dislikes 20 Aug 201828% match


Illustration Palette Layout and Workflow featuring Mike Thompson
PainterTutorials
6.5K views 19 likes 0 dislikes 09 Aug 201627% match

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


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


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


DoubleClick Studio Events
Google Web Designer
12.3K views 24 likes 5 dislikes 04 Aug 201426% match


PI Vision - Search and manage your displays
AVEVA PI System Learning
789 views 5 likes 0 dislikes 16 Jan 202026% match

2D & 3D Drawing Overview - Google Web Designer
Google Web Designer
6.3K views 34 likes 5 dislikes 03 Jan 201826% match


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


Google Home linking to Insteon smarthome devices
gear & tech review
1.6K views 13 likes 1 dislikes 30 Jan 201825% match



Groups Overview - Google Web Designer
Google Web Designer
2.6K views 11 likes 2 dislikes 03 Jan 201825% match


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


Tutorial: Boards
Todoist
49K views 419 likes 5 dislikes 23 Sep 202025% match


iCloud Photo Sharing
Genius Lounge
9.3K views 88 likes 5 dislikes 09 Aug 201825% match

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


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


Pinnacle Studio Deutsch MPEG 4 Datei Exportieren in bester Qualität - Video Tutorial
Simon Gabathuler
17.1K views 416 likes 2 dislikes 26 May 201625% match

XING-Hilfevideo: Die Neuen Gruppen - Seite "Über diese Gruppe" einrichten
XING
4.4K views 0 likes 4 dislikes 17 Mar 201425% match


Settings Privacy About Contact Donate