Home DE L'ARGENT Comment ajouter des annonces Google AdSense à WordPress (avec et sans plugin)

Comment ajouter des annonces Google AdSense à WordPress (avec et sans plugin)

by saber
how to add adsense to wordpress


Pour commencer gagner de l’argent avec google adsensevous devez ajouter des annonces AdSense à votre site Web.

En ce qui concerne les sites Web ou les blogs WordPress, il existe deux méthodes recommandées.

Premièrement, c’est en utilisant le plugin officiel Google AdSense, et deuxièmement, en apportant quelques modifications simples à vos fichiers WordPress (ma manière préférée).

Examinons ces deux méthodes plus en détail.

Comment ajouter des publicités Google Adsense sur mon site WordPress ? (avec un plugin)

L’équipe Google AdSense a créé un plug-in pour les utilisateurs de WordPress afin de faciliter l’ajout d’AdSense à leurs sites Web.

Mise à jour de mars 2017 : google a Annoncé que le plug-in AdSense va disparaître, il est donc préférable d’ignorer l’ajout manuel d’AdSense à votre site Web.

Vous pouvez télécharger et installer le plugin depuis le référentiel WordPress, voici le Lien.

Formation en marketing numérique

Il y a des instructions détaillées sur la façon de configurer le plugin. ici.

Noter: Si vous décidez d’utiliser le plug-in, assurez-vous de supprimer tous les emplacements d’annonces AdSense que vous avez ajoutés à votre site Web sans le plug-in.

Bien que le plug-in soit facile à utiliser, je préfère ajouter manuellement des annonces AdSense à mes sites Web car vous avez plus de contrôle sur l’endroit où le code apparaîtra et vous n’avez pas à vous soucier d’apporter des modifications à votre thème ou à vos modèles.

Le plugin vous permet d’ajouter des publicités sans apporter de modifications au code, mais cela signifie que si vous modifiez le thème ou la mise en page de vos pages, vous devrez configurer à nouveau le plugin (sauf si vous avez utilisé le plugin). placement manuel choix).

Dans le cas d’un ajout manuel du code (voir ci-dessous) à votre thème, il s’agit de copier/coller le code d’un thème à l’autre.

Ajoutez des publicités AdSense en éditant vos fichiers WordPress (sans plugin)

Ma méthode préférée pour ajouter AdSense à WordPress est la méthode manuelle. Cela implique de modifier le code, mais une fois que vous avez fait cela pour un site Web, vous pouvez facilement réutiliser le code pour d’autres sites Web.

Sur un blog WordPress typique, vous pouvez placer des annonces AdSense aux endroits suivants :

  • Dans la barre latérale (widget).
  • En haut de la page (sous l’en-tête)
  • Entre vos articles de blog (par exemple, après le deuxième paragraphe)
  • Sous vos articles de blog

Comment placer des annonces AdSense dans un widget

Dans ce cas, l’ajout d’annonces AdSense consiste à copier et coller le code fourni par AdSense dans un widget texte, dans la zone de widget appropriée.

Les étapes à suivre :

  1. Connectez-vous à votre compte AdSense et cliquez sur Blocs d’annonces dans le menu Mes annonces.
  2. Cliquez sur + Nouveau bloc d’annonces et sélectionnez Annonces illustrées et textuelles.
  3. Saisissez un nom pour votre bloc d’annonces, sélectionnez Responsive dans le menu Taille de l’annonce, puis cliquez sur Enregistrer et obtenir le code.

Insinuation: Utilisez un nom qui décrit avec précision le type et l’emplacement de l’annonce. Par exemple, Page d’accueil, Top Banner, Responsive.

Copiez le code d’annonce fourni par Adsense.

Collez le code dans un widget de texte et placez-le dans la zone de widget correspondante.

Vous pouvez maintenant ENREGISTRER le widget et, dans quelques minutes, AdSense commencera à s’afficher sur votre site Web.

Vous pouvez suivre exactement la même procédure chaque fois que vous souhaitez ajouter Adsense à n’importe quel widget de WordPress.

Noter: Vous pouvez envelopper le code Adsense dans un

et définissez la largeur sur 100 % et ajoutez d’autres propriétés de style pour que les annonces aient une belle apparence (voir l’exemple ci-dessus).

Ceci est un exemple d’annonces de la barre latérale Adsense.

Comment ajouter AdSense à WordPress sans plugin ?

IMPORTANT: Les exemples suivants sont basés sur Cadre Genèse. Si vous n’utilisez PAS un thème enfant genesis, vous devez modifier la liaison spécifiée dans la ligne ADD_ACTION (première partie du code) pour qu’elle corresponde aux liaisons disponibles dans l’installation principale de WordPress. Voir le liste complète des actions WordPress.

IMPORTANT 2 : Si vous faites une erreur dans votre fonctions.php fichier, votre site Web WordPress ne se chargera pas, alors assurez-vous de sauvegarder votre fichier avant de le modifier.

Comment ajouter des annonces AdSense en haut d’une page (sous l’en-tête)

Pour ajouter AdSense afin qu’il apparaisse en haut de vos messages, vous devrez ajouter le code suivant à votre fonctions.php Record.

Noter: Avant de passer à l’étape suivante, vous devez suivre la procédure ci-dessus pour créer un nouveau bloc d’annonces dans votre compte AdSense.

Utilisez un client FTP et localisez le fonctions.php fichier (l’emplacement du fichier est : /wp-content/themes/votretheme/fonctions.php)

Modifiez le fichier et ajoutez le code ci-dessous.

add_action('genesis_before_content', 'header_ad');
function header_ad() {
if (is_page() || is_category() || is_search() ) { ?><div class="adsense-top"><style type="text/css">
.adslot_4 { width: 1000px; height: 90px; }
@media (max-width:420px) { .adslot_4 { width: 300px; height: 250px; } }</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- XXXXXXXX -->
<ins class="adsbygoogle adslot_4"
style="display:inline-block"
data-ad-client="ca-pub-XXXXXXXXXX"
data-ad-slot="XXXXXXX"
</ins>
<script>

</script>
</div>
<?php }}

Le code ci-dessus ajoutera une annonce AdSense enveloppée d’une classe CSS (adsense-top) à n’importe quelle page individuelle, page de catégorie ou page de recherche.

Remarquez comment j’ai modifié le code AdSense pour forcer les annonces à apparaître au format 300 x 250 lorsqu’elles sont affichées sur des appareils mobiles (résolution inférieure à 420 pixels).

Remarque : Vous devez utiliser votre propre code AdSense pour les annonces fournies par AdSense.

Ajoutez AdSense après la secondeSt. Paragraphe dans les articles de blog

Supposons que vous souhaitiez que les annonces apparaissent après le deuxième paragraphe de tous les articles de votre blog. Vous pouvez y parvenir en ajoutant le code suivant à votre fonctions.php Record.


//ADD ADSENSE AFTER 2ND PARAGRAPH
add_filter( 'the_content', 'prefix_insert_inpost_ads' );
function prefix_insert_inpost_ads( $content ) {
$ad_code = <div class="googleadsrectangle">
<style type="text/css">
.adslot_1 { width: 650px; height: 280px; }
@media (max-width:420px) { .adslot_1 { width: 300px; height: 250px; } }
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- SAMPLE ADD -->
<ins class="adsbygoogle adslot_1"
style="display:inline-block"
data-ad-client="ca-pub-XXXXXXXXXXXX"
data-ad-slot="XXXXXXXX"
</ins>
<script>

</script>
</div>';
if ( is_single() && ! is_admin() ) {
return prefix_insert_after_paragraph( $ad_code, 2, $content );
}
return $content;
}
function prefix_insert_after_paragraph( $insertion, $paragraph_id, $content ) {
$closing_p = '</p>';
$paragraphs = explode( $closing_p, $content );
foreach ($paragraphs as $index => $paragraph) {
if ( trim( $paragraph ) ) {
$paragraphs[$index] .= $closing_p;
}
if ( $paragraph_id == $index + 1 ) {
$paragraphs[$index] .= $insertion;
}
}
return implode( '', $paragraphs );
}

Choses à savoir sur le code ci-dessus :

  • Vous devez copier/coller le code fourni par AdSense dans le $ad_code variable et remplacez le code affiché dans gras.
  • Si vous souhaitez que les publicités apparaissent après le premier paragraphe ou à toute autre position, remplacez le chiffre 2 par la valeur souhaitée dans la ligne : return prefix_insert_after_paragraph ($ad_code, 2, $content) ;

Voici un exemple de bloc d’annonces AdSense pleine largeur affiché après le deuxième paragraphe.

Ajouter des annonces AdSense sous les articles WordPress

Pour ajouter AdSense sous vos messages, il vous suffit d’utiliser la même logique que les messages ci-dessus, mais modifiez le lien afin que les annonces apparaissent sous les messages.

Voici le code modèle à utiliser :

add_action('genesis_after_entry_content', 'google_bottom_ads');
function google_bottom_ads() {
if ( is_single() ) { ?>
<div class="googleadsrectanglebottom">
<style type="text/css">
.cs-posts-bottom-resp { width: 650px; height: 280px; }
@media (max-width:420px) { .cs-posts-bottom-resp { width: 300px; height: 250px; } }
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- XXXXXXXXXXXX -->
<ins class="adsbygoogle cs-posts-bottom-resp"
style="display:inline-block"
data-ad-client="ca-pub-XXXXXXXXXXXX"
data-ad-slot="XXXXXXXX"></ins>
<script>

</script>
</div>
<?php } };

Voici un exemple de bloc d’annonces AdSense affiché sous un article de blog.

conclusion

Si vous trouvez le code ci-dessus déroutant, optez pour la première option et utilisez le plugin officiel Google AdSense pour ajouter les publicités à votre blog WordPress.

Il est plus facile à utiliser et ne vous oblige pas à modifier les fichiers de votre site Web. Si vous vous sentez à l’aise pour éditer votre fonctions.php vous pouvez alors utiliser les modèles de code ci-dessus et avoir plus de contrôle sur vos annonces.

Dans tous les cas, il est toujours recommandé d’utiliser des BLOCS D’ANNONCES RESPONSABLES afin que vos annonces s’affichent correctement sur vos sites Web pour ordinateur et mobile.

Si quelque chose n’est pas clair, faites-le moi savoir dans les commentaires.





Cet article a été traduit par reliablesoft

Related Posts

Leave a Comment