Introduzione a Google DFP inizio dell'integrazione degli annunci con il tuo sito web

Questo è il secondo tutorial di una serie su Google DoubleClick for Publishers. DFP è un servizio che può sembrare incredibilmente complicato per chi non lo sapesse, quindi questa serie ha lo scopo di renderlo semplice.

Se si dispone di uno o due siti Web che ottengono quantità moderate di traffico Web e si desidera conoscere il modo migliore per generare entrate, vendere annunci direttamente alle aziende e ottimizzare il proprio reddito, questa serie fa al caso vostro. Farò del mio meglio per guidarti attraverso il processo che passo attraverso i miei siti, mantenendo il gergo semplice e rispettando le basi. Per iniziare, leggi la prima parte, Introduzione a Google DFP Small Business.

Come promemoria, parteciperò alle discussioni di seguito. Se hai una domanda o un suggerimento sull'argomento, per favore pubblica un commento qui sotto. Puoi anche seguirmi su Twitter @reifman o scrivermi direttamente via email.

Che cos'è Google DFP Small Business?

Solo per eseguire l'aggiornamento, Google DFP offre un servizio di pubblicità gratuita in grado di potenziare la pubblicazione degli annunci sui tuoi siti web. Puoi utilizzarlo per riempire gli annunci dal mercato di Google AdSense di Google e dagli inserzionisti che vendi direttamente ad altre reti di terze parti. Questo video introduttivo offre una semplice panoramica:

Ora iniziamo a strumentare il nostro sito web per Google DFP.

Definizione del nostro inventario degli annunci

Come abbiamo esaminato nella prima parte, Inventario degli annunci è tutto lo spazio pubblicitario che hai a disposizione per vendere sul tuo sito web. Se hai stampato tutte le pagine del tuo sito web e ritagliato tutti gli annunci e li hai impilati, quel gruppo rappresenterebbe il tuo inventario.

Strumentazione di un sito Web di base

Ai fini di questo tutorial, ti guiderò attraverso l'impostazione della pubblicità per un nuovo sito che sto configurando chiamato ProTools.io. Il sito utilizza un tema della knowledge base per facilitare la ricerca di servizi Web e strumenti per sviluppatori ed editori. 

Definiamo il nostro inventario pubblicitario per il sito Web ProTools:

Inizialmente, offrirò tre spot pubblicitari per pagina. Ce ne saranno due nella barra laterale destra: un piccolo quadrato 250 x 250 e un ampio grattacielo ad 160 x 600. E ci sarà uno sopra i commenti, un piccolo banner 468 x 60. Per ulteriori informazioni su questi, vedi Google AdSense's Guida alle dimensioni degli annunci.

Creazione di unità pubblicitarie

DFP fa riferimento a tutti gli spazi pubblicitari sul tuo sito web in cui gli annunci vanno come unità pubblicitarie. O come dice Google, "Un'unità pubblicitaria è una rappresentazione in DFP di uno spazio in cui gli annunci possono essere pubblicati". Per iniziare, dobbiamo creare unità pubblicitarie per ciascuno dei tre punti sopra descritti.

In DFP, visita il Inventario pagina per iniziare:

Clicca su Nuova unità pubblicitaria per definire ciascuna di queste tre unità pubblicitarie:

È utile se indichi in modo descrittivo le unità pubblicitarie con il nome, la sezione, il posizionamento e le dimensioni del sito web. Ad esempio, viene chiamato il mio annuncio quadrato della barra laterale superiore protools_sidebar_top_square_250x250.

Puoi lasciare i valori predefiniti successivi così come sono e salvare l'unità pubblicitaria. Tieni presente che l'impostazione predefinita consente a Google AdSense di riempire lo spazio pubblicitario non ordinato dai tuoi stessi clienti.

Quando hai aggiunto tutti e tre, puoi vedere il Unità pubblicitarie elencati di seguito:

Per riferimento futuro, Google offre alcuni buoni esempi su quando creare ulteriori unità pubblicitarie:

Se disponi dello stesso spazio pubblicitario 300 x 250 nella parte superiore di tutte le pagine di contenuti, potresti creare una sola unità pubblicitaria. Tuttavia, se vendi lo spazio pubblicitario per sezione del sito web, potresti dover disporre di unità pubblicitarie separate per ogni sezione. Se disponi di spazi pubblicitari nella parte superiore e inferiore delle pagine di contenuti, probabilmente desideri creare unità pubblicitarie separate in modo da poter scegliere come target, prezzo e generare rapporti su queste aree annunci separatamente.

Genera tag: aggiungi il codice DFP al tuo sito web

Per ottenere il JavaScript da Google per i nostri annunci, utilizziamo la funzione nella barra laterale sinistra chiamata Genera tag. I tag sono il nome non intuitivo di Google per il codice degli annunci JavaScript. 

Sul Genera tag pagina aggiungiamo tutte e tre le unità pubblicitarie che vogliamo utilizzare. Quindi, fare clic il Genera tag pulsante.

Google ti fornirà due set di codice. Innanzitutto, JavaScript per Google DFP che appartiene al tuo bloccare.

Ecco un esempio del mio script:

Al di sotto, vedrai i singoli

blocchi per ciascuna unità pubblicitaria:

Per essere chiari, la tomaia lo script deve apparire su qualsiasi pagina con un annuncio. Tuttavia, lo script della singola unità pubblicitaria deve solo apparire esattamente dove desideri posizionare l'annuncio.

Ecco un esempio di JavaScript per visualizzare il mio banner pubblicitario 468 x 60 sopra i commenti:

Inserire tag in WordPress

Successivamente, inizieremo a inserire il codice JavaScript DFP in WordPress. Innanzitutto, incolleremo il blocco di codice per il nostro file tema header.php di WordPress. Puoi accedervi tramite la Dashboard di WordPress Aspetto > Temi editore opzione.

Nota: se si utilizza un repository di codice come GitHub per i temi, assicurarsi di integrare questa modifica nel repository.

Per il piccolo banner 468x60 sopra i commenti, modifichiamo il Single Post single.php file in WordPress. Questo cambiamento andrebbe anche nel tuo repository di codice se ne stai usando uno. 

Successivamente, aggiungeremo widget di testo alla barra laterale per ciascuno dei due annunci della barra laterale. Questi widget non devono essere aggiunti al repository del codice:

Centrare annunci Google

Ho trovato che centrare annunci Google con un div wrapper con style = "text-align: center;" non funziona ma è deprecato

tag lo fa.

La pagina finita con pubblicità

Quando si visualizza nuovamente la pagina, è possibile visualizzare immediatamente gli annunci:

Qual'è il prossimo?

In questo episodio, hai imparato a definire lo spazio pubblicitario per il tuo sito web, creare unità pubblicitarie, generare tag (o codice) e inserire questo codice nelle aree appropriate del tuo sito web. Spero che tu abbia trovato questo illustrativo. Come puoi vedere, sto deliberatamente cercando di mantenere la portata di ogni episodio abbastanza piccola. È facile lasciarsi travolgere da DFP e preferirei che provassi un certo livello di fiducia in ogni nuova area.

Nella prossima puntata, esploreremo i posizionamenti di Google DFP per indirizzare gli annunci alle aree calde correlate del nostro sito Web, ad esempio pagine correlate che ricevono molto traffico di ricerca.

Non esitate a postare le vostre domande e commenti qui sotto. Puoi anche seguirmi su Twitter @reifman o scrivermi direttamente via email. Puoi anche sfogliare la mia pagina di istruttori + tutor per vedere altri tutorial che ho scritto. 

Link correlati

• Sito web di DFP di Google
• Guida di DFP di Google
• Costruire una piattaforma pubblicitaria con DFP (UC Berkeley Graduate School of Journalism)

Codice