Introduction à Google DFP Lancement de l'intégration des annonces dans votre site Web

Ce que vous allez créer

Il s'agit du deuxième tutoriel d'une série sur Google DoubleClick for Publishers. DFP est un service qui peut sembler incroyablement compliqué aux non-initiés. Cette série vise donc à rester simple..

Si vous avez un ou deux sites Web générant un trafic modéré et que vous souhaitez savoir comment générer des revenus, vendre des publicités directement aux entreprises et optimiser vos revenus, cette série est faite pour vous. Je ferai de mon mieux pour vous guider dans le processus que je parcourrai avec mes propres sites, en gardant le jargon simple et en restant fidèle à l'essentiel. Commencez par lire la première partie, Présentation de Google DFP Small Business..

Pour rappel, je participe aux discussions ci-dessous. Si vous avez une question ou une suggestion de sujet, veuillez poster un commentaire ci-dessous. Vous pouvez également me suivre sur Twitter @reifman ou m'envoyer un email directement.

Qu'est-ce que Google DFP Small Business??

Juste pour actualiser, Google DFP fournit un service de publicité gratuit qui peut optimiser la diffusion des annonces sur vos sites Web. Vous pouvez l'utiliser pour remplir des annonces du marché AdSense de Google, ainsi que des annonceurs auxquels vous vendez directement et d'autres réseaux tiers. Cette vidéo d'introduction fournit un aperçu simple:

Nous allons maintenant commencer à instrumenter notre site Web pour Google DFP..

Définir notre inventaire publicitaire

Comme nous l'avons examiné dans la première partie, Inventaire publicitaire représente l’ensemble des espaces publicitaires que vous avez à vendre sur votre site web. Si vous imprimez toutes les pages de votre site Web, coupez toutes les publicités et les empilez, cette pile représenterait votre inventaire..

Instrumenter un site Web de base

Dans le cadre de ce didacticiel, je vais vous guider dans la configuration de la publicité pour un nouveau site que je configure, appelé ProTools.io. Le site utilise un thème de base de connaissances pour faciliter la recherche de services et d’outils Web destinés aux développeurs et aux éditeurs.. 

Définissons notre inventaire d’annonces pour le site Web ProTools:

Au départ, je vous proposerai trois spots publicitaires par page. Il y en aura deux dans la barre de droite: un petit carré de 250 x 250 et un large gratte-ciel de 160 x 600. Et il y en aura un au-dessus des commentaires, une petite bannière de 468 x 60. Pour plus d'informations à ce sujet, voir Google AdSense Guide des tailles d'annonce.

Création d'unités d'annonce

DFP désigne tous les espaces publicitaires de votre site Web où les annonces sont transmises en tant que Unités d'annonce. Ou, comme le dit Google, "un bloc d'annonces est une représentation dans DFP d'un espace où les annonces peuvent être diffusées". Pour commencer, nous devons créer des blocs d'annonces pour chacun des trois emplacements décrits ci-dessus..

Dans DFP, visitez le Inventaire page pour commencer:

Cliquer sur Nouveau bloc d'annonces définir chacun de ces trois blocs d'annonces:

Il est utile de nommer les blocs d'annonces de manière descriptive avec le nom, la section, l'emplacement et les dimensions du site Web. Par exemple, mon annonce carrée dans la barre latérale supérieure s’appelle protools_sidebar_top_square_250x250.

Vous pouvez conserver les paramètres par défaut suivants et enregistrer le bloc d'annonces. Notez que la valeur par défaut permet à Google AdSense de remplir des espaces publicitaires non commandés par vos propres clients..

Lorsque vous avez ajouté les trois, vous pouvez voir le Unités d'annonce énumérés ci-dessous:

Pour référence ultérieure, Google propose de bons exemples de création de blocs d'annonces supplémentaires:

Si vous avez le même espace publicitaire 300 x 250 en haut de toutes vos pages de contenu, vous pouvez créer un seul bloc d'annonces. Toutefois, si vous vendez votre inventaire par section de site Web, vous aurez peut-être besoin de blocs d'annonces distincts pour chaque section. Si vous avez des espaces publicitaires en haut et en bas de vos pages de contenu, vous souhaiterez probablement créer des blocs d’annonces distincts afin de pouvoir cibler, tarifer et créer des rapports sur ces espaces publicitaires séparément..

Générer des tags: ajouter du code DFP à votre site Web

Pour obtenir le code JavaScript de Google pour nos annonces, nous utilisons la fonctionnalité dans la barre latérale gauche appelée Générer des tags. Les tags sont le nom non intuitif de Google pour le code d'annonce JavaScript.. 

Sur le Générer des tags page, nous ajoutons les trois blocs d'annonces que nous souhaitons utiliser. Puis clique la Générer des tags bouton.

Google vous donnera deux jeux de code. Tout d'abord, le code JavaScript pour Google DFP qui appartient à votre bloc.

Voici un exemple de mon scénario:

 

En dessous, vous verrez individu

des blocs pour chacun des blocs d'annonces:

Pour être clair, la partie supérieure Le script doit apparaître sur n'importe quelle page avec une annonce. Toutefois, le script de bloc d'annonces individuel doit uniquement apparaître exactement à l'endroit où vous souhaitez placer l'annonce..

Voici un exemple de code JavaScript permettant d'afficher ma bannière publicitaire 468 x 60 au-dessus des commentaires:

 

Placer des balises dans WordPress

Nous commencerons ensuite à placer le code JavaScript DFP dans WordPress. D'abord, nous allons coller le bloc de code pour notre fichier de thème WordPress header.php. Vous pouvez y accéder via le tableau de bord WordPress Apparence > Thèmes Éditeur option.

Remarque: Si vous utilisez un référentiel de code tel que GitHub pour vos thèmes, veillez à intégrer cette modification à votre référentiel..

Pour la petite bannière 468x60 au-dessus des commentaires, nous éditons la Single Post single.php fichier dans WordPress. Cette modification irait également dans votre référentiel de code si vous en utilisez un.. 

Ensuite, nous allons ajouter des widgets Texte dans la barre latérale pour chacune des deux annonces de la barre latérale. Ces widgets n'ont pas besoin d'être ajoutés au référentiel de code:

Centrer les annonces Google

J'ai trouvé que le centrage de Google Ads avec un wrapper div avec style = "text-align: center;" ne fonctionne pas mais que le obsolète

l'étiquette fait.

La page finie avec des publicités

Lorsque vous consultez à nouveau la page, vous pouvez voir les annonces apparaître immédiatement:

Et après?

Dans cet épisode, vous avez appris à définir l'inventaire des annonces pour votre site Web, à créer des blocs d'annonces, à générer des tags (ou un code) et à placer ce code dans les zones appropriées de votre site Web. J'espère que vous avez trouvé cet exemple. Comme vous pouvez le constater, j'essaie délibérément de limiter la portée de chaque épisode. Il est facile de se laisser submerger par DFP et je préférerais que vous ressentiez un certain niveau de confiance en vous avec chaque nouveau domaine..

Dans le prochain épisode, nous allons explorer les emplacements Google DFP afin de cibler les annonces sur des zones sensibles de notre site Web, telles que les pages associées générant beaucoup de trafic de recherche..

N'hésitez pas à poster vos questions et commentaires ci-dessous. Vous pouvez également me suivre sur Twitter @reifman ou m'envoyer un email directement. Vous pouvez également parcourir ma page d’instructeur Tuts + pour voir les autres tutoriels que j’ai écrits.. 

Liens connexes

  • Site Web Google DFP
  • Aide Google DFP
  • Création d'une plate-forme publicitaire avec DFP (Graduate School of Journalism de l'Université de Berkeley)