Einführung in Google DFP Beginn der Anzeigenintegration in Ihre Website

Was Sie erstellen werden

Dies ist das zweite Tutorial einer Serie über Google DoubleClick for Publishers. DFP ist ein Dienst, der für Uneingeweihte unglaublich kompliziert erscheinen kann. Daher ist es Ziel dieser Serie, es einfach zu halten.

Wenn Sie eine oder zwei Websites haben, die eine moderate Menge an Web-Traffic erzielen, und wissen möchten, wie Sie am besten Einnahmen erzielen, Anzeigen direkt an Unternehmen verkaufen und Ihr Einkommen optimieren, dann ist diese Serie genau das Richtige für Sie. Ich werde mein Bestes tun, um Sie durch den Prozess zu führen, den ich mit meinen eigenen Websites durchlaufe. Dabei halte ich die Fachsprache einfach und halte mich an die Grundlagen. Bitte lesen Sie den ersten Teil, Einführung in Google DFP Small Business.

Zur Erinnerung nehme ich an den folgenden Diskussionen teil. Wenn Sie eine Frage oder ein Thema haben, schreiben Sie bitte einen Kommentar. Sie können mir auch auf Twitter @reifman folgen oder mich direkt per E-Mail kontaktieren.

Was ist Google DFP Small Business??

Nur zum Aktualisieren bietet Google DFP einen kostenlosen Werbedienst, mit dem die Anzeigenschaltung auf Ihren Websites ermöglicht wird. Sie können damit Anzeigen auf dem Google AdSense-Marktplatz von Google sowie von Werbetreibenden, die Sie direkt an andere Netzwerke von Drittanbietern verkaufen, schalten. Dieses Einführungsvideo bietet einen einfachen Überblick:

Beginnen wir nun mit der Instrumentierung unserer Website für Google DFP.

Definieren unseres Anzeigeninventars

Wie wir im ersten Teil besprochen haben, Anzeigeninventar ist die gesamte Werbefläche, die Sie auf Ihrer Website verkaufen können. Wenn Sie jede Seite Ihrer Website ausgedruckt und alle Anzeigen ausgeschnitten und gestapelt haben, würde dieser Stapel Ihr Inventar darstellen.

Instrumentierung einer Basis-Website

In diesem Tutorial werde ich Sie durch das Einrichten von Werbung für eine neue Site namens ProTools.io führen. Die Site verwendet ein Knowledge Base-Design, um das Auffinden von Webservices und Tools für Entwickler und Publisher zu erleichtern.

Definieren Sie unser Anzeigeninventar für die ProTools-Website:

Anfangs biete ich drei Werbespots pro Seite an. In der rechten Seitenleiste werden zwei angezeigt: ein kleines Quadrat 250 x 250 und ein breiter Wolkenkratzer mit 160 x 600. Und über den Kommentaren wird ein kleines Banner 468 x 60 angezeigt. Weitere Informationen hierzu finden Sie in Google AdSense Leitfaden für Anzeigengrößen.

Anzeigenblöcke erstellen

DFP bezieht sich auf alle Werbeflächen auf Ihrer Website, in denen Anzeigen geschaltet werden Anzeigenblöcke. Oder wie Google sagt: "Ein Anzeigenblock ist eine Darstellung in DFP, in der Anzeigen geschaltet werden können." Zu Beginn müssen wir für jede der drei oben beschriebenen Spots Anzeigenblöcke erstellen.

Besuchen Sie in DFP die Inventar Seite zu beginnen:

Klicke auf Neuer Anzeigenblock So definieren Sie jeden dieser drei Anzeigenblöcke:

Dies ist hilfreich, wenn Sie Anzeigenblöcke beschreibend mit Namen, Bereich, Platzierung und Dimensionen der Website benennen. Zum Beispiel wird meine obere quadratische Anzeige in der Seitenleiste aufgerufen protools_sidebar_top_square_250x250.

Sie können die nachfolgenden Standardeinstellungen beibehalten und den Anzeigenblock speichern. Beachten Sie, dass Google AdSense standardmäßig so konfiguriert ist, dass Anzeigenfläche gefüllt wird, die nicht von Ihren eigenen Kunden bestellt wurde.

Wenn Sie alle drei hinzugefügt haben, können Sie das sehen Anzeigenblöcke nachfolgend aufgeführten:

Zu Referenzzwecken bietet Google einige gute Beispiele für das Erstellen zusätzlicher Anzeigenblöcke:

Wenn Sie auf allen Ihren Content-Seiten dieselbe 300 x 250-Anzeigenfläche haben, möchten Sie möglicherweise nur einen Anzeigenblock erstellen. Wenn Sie Ihr Inventar jedoch nach Website-Abschnitt verkaufen, benötigen Sie möglicherweise separate Anzeigenblöcke für jeden Abschnitt. Wenn Sie oben und unten auf Ihren Content-Seiten über Anzeigenflächen verfügen, möchten Sie wahrscheinlich separate Anzeigenblöcke erstellen, damit Sie diese Anzeigenflächen gezielt ausrichten, bewerten und Berichte erstellen können.

Tags generieren: Fügen Sie Ihrer Website DFP-Code hinzu

Um das JavaScript von Google für unsere Anzeigen zu erhalten, verwenden wir die Funktion in der linken Seitenleiste Tags generieren. Tags sind der nicht eindeutige Name von Google für den JavaScript-Anzeigencode.

Auf der Tags generieren Seite fügen wir alle drei Anzeigenblöcke hinzu, die wir verwenden möchten. Dann klick das Tags generieren Taste.

Google gibt Ihnen zwei Codesätze. Zuerst das JavaScript für Google DFP, das zu Ihrem Browser gehört Block.

Hier ist ein Beispiel von mir Skript:

Darunter sehen Sie individuell

Blöcke für jeden Anzeigenblock:

Um klar zu sein, der obere Das Skript muss auf jeder Seite mit einer Anzeige erscheinen. Das einzelne Anzeigenblock-Skript muss jedoch nur genau dort erscheinen, wo Sie die Anzeige platzieren möchten.

Hier ein Beispiel für JavaScript, um mein 468 x 60-Werbebanner über den Kommentaren anzuzeigen:

Platzieren Sie Tags in WordPress

Als Nächstes platzieren wir den DFP-JavaScript-Code in WordPress. Zuerst fügen wir das ein Code-Block in unserer WordPress-Header-Header-Datei. Sie können über das WordPress-Dashboard darauf zugreifen Aussehen > Themen Editor Möglichkeit.

Hinweis: Wenn Sie ein Code-Repository wie GitHub für Ihre Designs verwenden, stellen Sie sicher, dass Sie diese Änderung in Ihr Repository integrieren.

Für das kleine Banner 468x60 über den Kommentaren bearbeiten wir das Single Post single.php Datei in WordPress. Diese Änderung würde auch in Ihr Code-Repository einfließen, wenn Sie eines verwenden.

Als Nächstes fügen wir der Sidebar für jede der beiden Sidebar-Anzeigen Text-Widgets hinzu. Diese Widgets müssen nicht zum Code-Repository hinzugefügt werden:

Zentrieren von Google-Anzeigen

Ich habe festgestellt, dass Google Ads mit einem Wrapper div mit zentriert wird style = "text-align: center;" funktioniert nicht, aber das ist veraltet

Tag macht.

Die fertige Seite mit Werbung

Wenn Sie die Seite erneut anzeigen, werden die Anzeigen sofort angezeigt:

Was kommt als nächstes?

In dieser Episode haben Sie gelernt, das Anzeigeninventar für Ihre Website zu definieren, Anzeigenblöcke zu erstellen, Tags (oder Code) zu generieren und diesen Code in den entsprechenden Bereichen Ihrer Website zu platzieren. Ich hoffe, Sie fanden das illustrativ. Wie Sie sehen, versuche ich absichtlich, den Umfang jeder Episode relativ klein zu halten. Es ist leicht, von DFP überwältigt zu werden, und ich möchte, dass Sie mit jedem neuen Bereich ein gewisses Maß an Vertrauen fühlen.

In der nächsten Episode werden wir Google DFP-Placements untersuchen, um Anzeigen auf verwandte Bereiche unserer Website zu lenken, z.

Bitte zögern Sie nicht, unten Ihre Fragen und Kommentare zu posten. Sie können mir auch auf Twitter @reifman folgen oder mich direkt per E-Mail kontaktieren. Sie können auch meine Tuts + Instructor-Seite durchsuchen, um andere Tutorials zu sehen, die ich geschrieben habe.