Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment insérer des publicités dans le contenu de votre publication sur WordPress

Les publicités jouent un rôle important dans la génération de revenus, mais elles peuvent également nuire à l’engagement des utilisateurs si elles ne sont pas utilisées correctement.

Des publicités trop intrusives ou mal placées peuvent distraire ou ennuyer les utilisateurs. Cette distraction peut potentiellement réduire les métriques d’engagement globales telles que le temps passé sur le site ou le taux de rebond.

Dans ce guide, nous allons vous présenter les étapes pour insérer stratégiquement des publicités dans le contenu de vos publications sur WordPress.

Que vous soyez nouveau dans la monétisation de votre site ou que vous cherchiez à optimiser le placement des publicités, nous vous fournirons des conseils d’experts et des instructions étape par étape pour vous aider à afficher des publicités sans nuire à l’expérience de l’utilisateur.

How to insert ads within your post content in WordPress

Pourquoi insérer des publicités dans le contenu de vos publications sur WordPress ?

Les publicités sur les bannières et les barres latérales sont un excellent moyen de gagner de l’argent en ligne en bloguant avec WordPress. Cependant, elles peuvent être facilement négligées.

Les internautes visitent votre site pour lire votre contenu et ne prêtent pas forcément attention à votre barre latérale ou à d’autres parties de la page. Le contenu de votre publication étant celui qui retient le plus l’attention des internautes, c’est l’endroit idéal pour afficher des publicités.

Avec cela à l’esprit, nous allons vous montrer 3 façons différentes d’insérer des publicités dans le contenu de vos publications sur WordPress. Si vous préférez passer directement à une méthode particulière, alors vous pouvez utiliser les liens ci-dessous :

Vous êtes prêts ? Commençons.

Méthode 1. Insérer des publicités dans le contenu de la publication à l’aide de WPCode (automatiquement)

Une façon d’insérer des publicités dans le contenu de vos publications est d’utiliser l’extension gratuite WPCode. C’est l’une des meilleures extensions d’extraits de code WordPress sur le marché et l’une des meilleures extensions de gestion de publicités WordPress.

WPCode vous permet d’insérer facilement du code pour placer des publicités sur n’importe quelle page, publication ou zone de widget de votre site WordPress.

Vous pouvez afficher des annonces provenant de réseaux publicitaires tiers tels que Google Adsense. Alternativement, vous pouvez afficher vos propres publicités hébergées, ce qui est parfait pour vendre des publicités sur votre blog WordPress.

Pour commencer, vous devez installer et activer l’extension WPCode. Si vous avez besoin d’aide, consultez notre guide sur l’installation d’une extension WordPress.

Après l’activation, allons dans  » Code Snippets  » +  » Add Snippet «  depuis votre tableau de bord WordPress.

Vous accéderez ainsi à la bibliothèque d’extraits de code intégrée. Survolez simplement l’option « Ajouter votre code personnalisé (nouvel extrait) » et cliquez sur le bouton « Utiliser l’extrait » pour le sélectionner.

Choose the Custom Code option in the WPCode library to insert an ad

Ajouté à cela, vous devrez donner un titre à votre publicité en tapant dans le champ qui affiche  » Ajouter un titre pour l’extrait « .

Notez que les internautes ne verront pas le titre puisqu’il est uniquement destiné à vous servir de référence.

Add title for your ad code snippet in WPCode

Ensuite, vous pouvez choisir le type de publicité que vous souhaitez placer sur votre site.

Une option consiste à utiliser le code publicitaire fourni par un programme tel que Google Adsense.

Si vous utilisez le code Google AdSense, vous pouvez consulter notre guide sur les tailles et formats de bannières Google AdSense les plus performants.

Nous avons également un guide complet sur la façon d’optimiser vos revenus AdSense dans WordPress.

Une autre option consiste à créer votre propre publicité. Si vous avez opté pour cette méthode, vous devrez alors obtenir le code de la personne qui vous paie pour afficher la publicité sur votre site WordPress ou écrire le code vous-même.

Une fois que vous avez le code de la publicité, il vous suffit de le copier et de le coller dans le champ  » Aperçu du code « . Ensuite, vous devrez également sélectionner « Extrait HTML » comme « Type de code » dans la liste déroulante à droite de l’écran.

Copy and paste ad code into Code Preview box

À l’étape suivante, vous devez faire défiler la page jusqu’à la section « Insertion ». Vous avez le choix entre deux options d’insertion principales :

  • Insertion automatique – Le code publicitaire sera automatiquement inséré et exécuté sur votre site à l’emplacement choisi.
  • Shortcode – Le code publicitaire ne sera pas automatiquement ajouté. Vous obtiendrez un code court que vous pourrez insérer manuellement n’importe où sur votre blog WordPress.

Vous pouvez cliquer sur la méthode « Auto-Insert » pour afficher automatiquement les publicités dans le contenu de la publication.

Ensuite, choisissez l’option « Insérer après un paragraphe » dans la liste déroulante située à côté du champ « Emplacement ».

Select Auto-Insert Insert After Paragraph to insert ad within post content

Vous pouvez également modifier le « Numéro d’insertion » pour choisir le nombre de paragraphes après lesquels insérer l’extrait.

Par exemple, si vous souhaitez afficher la publicité après le deuxième paragraphe au lieu du premier, il suffit de remplacer le 1 par un 2.

Ajouté à l’insertion de publicités après un paragraphe, vous pouvez également afficher automatiquement des publicités dans des emplacements (fonctions WordPress) tels que avant ou après le contenu, entre les publications, avant ou après les extraits, et plus encore.

Additional auto-insert locations in WPCode

Avec la version premium de WPCode, vous pouvez insérer des publicités dans des emplacements WooCommerce comme avant ou après les produits, le panier et la page de paiement, pour n’en citer que quelques-uns.

WPCode Pro vous permet également de programmer vos extraits de code publicités avec une date de début et de fin. C’est parfait pour afficher des publicités à l’approche des fêtes de fin d’année ou pour d’autres promotions à durée limitée.

Ensuite, vous pouvez faire défiler la page jusqu’à la section « Type d’appareil ». Ici, n’hésitez pas à choisir si vous souhaitez afficher votre publicité sur tout type d’appareil, uniquement sur ordinateur de bureau ou uniquement sur mobile.

Choose which device types you want to display the ad on using WPCode

Si vous souhaitez limiter les pages ou les publications dans lesquelles l’extrait de code publicitaire est auto-inséré, vous pouvez faire défiler la page jusqu’à la section  » Logique conditionnelle intelligente « .

Par exemple, vous pouvez masquer vos publicités sur des types de pages ou des URL de pages spécifiques.

Use WPCode Conditional to limit pages where the ad appears Logic to

Pour vous aider à organiser vos publicités, vous pouvez consulter la section « Informations de base ».

Dans cette zone, vous pouvez identifier et noter des informations qui vous aideront à vous souvenir de l’objet de votre extrait de code publicitaire.

Add tags to organize your ad code

Il existe également un champ « Priorité » qui vous permet de contrôler l’ordre dans lequel les extraits sont exécutés lorsque vous souhaitez afficher plusieurs extraits au même endroit.

Tous les snippets ont une priorité de 10 par défaut. Toutefois, si vous souhaitez que votre code publicitaire s’affiche plus tôt que les autres, il vous suffit de définir une priorité inférieure.

Une fois que vous avez fini de travailler sur votre publicité, il est temps de la publier.

Pour ce faire, retournons en haut de la page et faisons basculer le commutateur de « Inactif » à « Actif ». Cliquez ensuite sur le bouton « Enregistrer l’extrait ».

Activate and save ad code in WPCode plugin

Voilà, c’est fait ! Si vous avez sélectionné la méthode d’insertion automatique présentée dans ce tutoriel, votre publicité sera automatiquement insérée dans le contenu de votre publication.

Si vous choisissez la méthode d’insertion  » Shortcode « , vous pouvez soit créer une nouvelle page ou publication, soit en ouvrir une pour l’éditer. Ajouté à cela, il vous suffit de trouver l’endroit exact où vous souhaitez afficher cette publicité dans le contenu de votre publication et de créer un nouveau bloc de shortcodes.

Vous pouvez ensuite coller le shortcode dans ce bloc. Pour des instructions étape par étape, vous pouvez lire notre guide du débutant sur l’ajout d’un shortcode dans WordPress.

Maintenant, si vous visitez la page ou la publication, vous verrez la publicité dans le contenu de la publication.

Remarque : si vous affichez des publicités Google Adsense, il peut s’écouler 20 à 30 minutes avant que la publicité n’apparaisse sur la page.

Méthode 2. Insérer des publicités dans le contenu de la publication à l’aide d’Ad Inserter

Une autre option consiste à utiliser Ad Inserter. Il s’agit d’une extension WordPress de gestion des publicités qui peut afficher à la fois des publicités hébergeurs et des publicités fournies par un réseau.

Si vous utilisez un réseau, il vous suffit de coller le code de votre publicité dans l’extension Ad Inserter. En revanche, si vous créez une publicité hébergée, vous devrez soit écrire le code vous-même, soit l’obtenir de la personne qui paie pour afficher sa publicité sur votre site.

Pour commencer, la première chose à faire est d’installer et d’activer l’extension gratuite Ad Inserter. Si vous avez besoin d’aide, consultez notre guide sur l’installation d’une extension WordPress.

Lors de l’activation, vous devez aller dans Paramètres  » Inserteur de publicités.

The Ad Inserter WordPress plugin

Sur cet écran, chaque onglet représente une annonce différente. Cela vous permet de créer plusieurs publicités et de les placer sur votre site.

Vous pouvez maintenant saisir ou copier/coller le code de l’annonce que vous souhaitez afficher dans le contenu de votre publication.

Insert ads within your post content in WordPress using Ad Inserter

L’étape suivante consiste à placer cette publicité sur votre site.

Une option consiste à ajouter la publicité à n’importe quelle page, publication ou zone prête à accueillir un widget à l’aide d’un shortcode. Une autre option consiste à demander à Ad Inserter d’ajouter automatiquement cette publicité à chaque publication et à un certain endroit, par exemple après chaque troisième paragraphe.

Si vous souhaitez ajouter automatiquement cette annonce à vos publications, vous pouvez commencer par cocher la case « Publier ».

The Ad Inserter advert management plugin

Ensuite, vous devez ouvrir le menu déroulant « Insertion » et choisir l’endroit où Ad Inserter doit afficher cette publicité.

Comme nous voulons insérer des publicités dans le contenu de la publication, vous voudrez généralement choisir « Avant le paragraphe », « Après le paragraphe », « Avant l’image » ou « Après l’image ».

Placing the ad within your WordPress post content

Après avoir choisi une option dans la liste, vous pouvez saisir l’endroit exact où cette publicité doit apparaître.

Par exemple, si vous souhaitez afficher la publicité après le deuxième paragraphe, vous devez taper « 2 » comme vous pouvez le voir dans l’image suivante.

Inserting ads within your post content in WordPress

Lorsque vous êtes satisfait de vos paramètres, cliquez sur le bouton « Enregistrer les paramètres ».

Ad Inserter va maintenant insérer cette publicité dans le contenu de votre publication à l’endroit que vous avez choisi.

Saving your ad settings

Tout comme nous l’avons mentionné précédemment, vous pouvez également placer cette publicité sur votre site à l’aide d’un code court.

Pour ce faire, cliquez sur le bouton « Manuel » et cochez la case « Shortcode ».

Adding an ad to your post content using shortcode

Une fois que vous avez fait cela, il vous suffit de copier le shortcode Ad Inserter. Vous pouvez ensuite cliquer sur le bouton  » Enregistrer les paramètres  » pour enregistrer votre publicité.

Lorsque vous avez terminé, vous êtes prêt à placer ce shortcode sur n’importe quelle page, publication ou zone prête pour les widgets. Pour des instructions étape par étape, vous pouvez consulter notre guide sur l’ajout d’un shortcode dans WordPress.

Méthode 3. Insérer des publicités dans le contenu des publications à l’aide d’un code (méthode avancée)

Vous pouvez également ajouter une annonce au contenu de votre publication dans WordPress à l’aide d’un code.

Étant donné que vous modifiez le code de votre site, cette méthode n’est pas la plus conviviale pour les débutants. Toutefois, elle vous permet de créer des publicités sans avoir à installer une extension spéciale pour la gestion des publicités.

Pour insérer une publicité à l’aide d’un code, ouvrez le fichier functions.php de votre thème ou utilisez une extension d’extraits de code.

Là encore, nous vous recommandons d’utiliser l’extension gratuite WPCode, car elle permet de coller facilement des extraits dans WordPress sans avoir à modifier le fichier functions.php de votre thème.

De plus, WPCode est livré avec une validation intelligente des extraits de code pour vous aider à éviter les erreurs de code courantes et vous empêcher de casser votre site.

Vous pouvez alors ajouter le code suivant :

//Insert ads after second paragraph of single post content.
 
add_filter( 'the_content', 'prefix_insert_post_ads' );
 
function prefix_insert_post_ads( $content ) {
     
    $ad_code = '<div>Ads code goes here</div>';
 
    if ( is_single() && ! is_admin() ) {
        return prefix_insert_after_paragraph( $ad_code, 2, $content );
    }
     
    return $content;
}
  
// Parent Function that makes the magic happen
  
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 );
}

Ce code affichera une annonce après le deuxième paragraphe du contenu d’une publication.

Si vous souhaitez afficher votre publicité dans un autre Emplacement, il vous suffit de modifier la section suivante :

    if ( is_single() && ! is_admin() ) {
        return prefix_insert_after_paragraph( $ad_code, 3, $content );
    }

Dans l’exemple de code ci-dessus, vous pouvez voir que nous insérons la publicité après le troisième paragraphe.

Une fois cette étape franchie, vous pouvez saisir ou coller le code de votre publicité. Il s’agit du code qui contrôle l’apparence et les publicités de votre annonce.

Vous ajouterez ce code à la valeur $ad_code, qui est l’endroit où il est indiqué « Le code d’ajout va ici ».

    $ad_code = '<div>Ads code goes here</div>';

Une fois que vous avez fait cela, vous êtes prêt à publier votre publicité.

Pour ce faire, vous devez soit activer l’extension spécifique à votre site, soit enregistrer les modifications que vous avez apportées au fichier functions.php de votre site, soit activer et enregistrer votre extrait de code dans WPCode.

Maintenant, si vous visitez votre site, vous devriez voir votre publicité en direct.

Nous espérons que cet article vous a aidé à apprendre comment insérer des publicités dans le contenu de vos publications sur WordPress. Vous voudrez peut-être aussi apprendre comment créer un site de petites annonces ou consulter nos choix d’experts sur les meilleures extensions de pots à pourboires pour WordPress.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

214 commentairesLaisser une réponse

  1. André

    How add in last paragraph?

  2. Shubhi

    Gr8 post and correct code. It worked smoothly…:)

  3. Lyke Basilio

    Hi,

    I just added it to my personal blog and it works perfectly!

    Thanks,

  4. Ashok Kumar

    Hi,

    I added an ad just fine before my post. However, when I tried removing it, the blank white space remains. Please let me know how to fix this, my site looks terrible and i’m at my wits’ end!

    Thanks,
    Ashok

    • Ashok Kumar

      Hi,

      I’ve been trying to fix this for 2 days to no avail. Could someone help?

      Thanks

      • helper

        fix drawAdsPlace to return the content, add simple-ads-manager.php (somewhere in the class):

        function get_drawAdsPlace($args = null, $codes = false) {
        global $samObject;

        if(is_null($args)) return  »;
        if(is_object($samObject)) return $samObject->buildAd($args, $codes);
        else return  »;
        }

        then use get_drawAdsPlace instead drawAdsPlace. (Updating plugin will kill this)

  5. WPBeginner Staff

    This plugin allows you to add after the first paragraph, after the 9th paragraph, etc.

    You can specify that in the settings of each ad.

  6. Zaman

    I have noticed that there are around three ads in each post in list25 with one ad after every the first post while two other ads randomly between the images.

    So, could you please inform how can it be achieved? Are you using the insert post ads or some manual coding for the second and third ads. If so, what is the manual code and where are you inserting it.

  7. Annastasia Taylor

    Hi,
    « Insert Post Ads » plugin setting doesn’t work for me, when i click on settings-nothing displaying.

    Code works fine, Thanks!

    So my question is, can i repeat this action? I mean if i can insert the ads after paragraph 1 and 2.

    I tried to repeat the code, but doesn’t work : « Fatal error: Cannot redeclare prefix_insert_post_ads()….. »

    Please help

    Thanks in advance

  8. Jorge Pinto

    Hi, its possible to use the above code with this one integrated?

    //////////////////here mobile ad

    ////////////////// here desktop ad

    • Adjie Purbojati

      Yes, u can using wp-is-mobile

  9. Christian Rauchenwald

    Great plugin BUT I’m missing one very important thing -> if I create 4 ads to be displayed after paragrahp two I should get the option to show one of them randomly…

    It would also be great to be able to define « categories » for banner, so that a poker related banner doesn’t show up in my day trading section.

  10. Arsie

    Hi,

    For multi-author WP-blog who does not want to use plugins, can you recommend the code that I can put in the functions.php?

  11. Resham Panth

    Hey I lke your plugin and I am using it on my blog. I would like to know how can I align my ad to right side so that the content appears on left ?

  12. Dok Simon

    Hello !!

    Is it also possible to allow Authors to show Their Ads only on their contents on the blog ??

  13. Salud Casera

    This one really worked for me. I removed the CSS and added some inline css and got the ad before the content, float left, etc. and it ended up exactly as I wanted it.

    You can see it here :

    Thanks for sharing.

  14. Jorge

    Hi guys, where can i change the css of this div:

    ?? Thank you

  15. Ben Daggers

    Quick question, what if I assigned « 5 » as the number of paragraph for the adsense code to appear, but the number of paragraphs in my post is only four. What will happen? Will it still work?

  16. Amanda

    disregard to text part above an ad, I figured that out :)

  17. Amanda

    I have 2 qusestions:

    1. Is there a way to add text above an ad? For example, amazon affiliates has a banner for $3 per sign up, but they are also doing a contest in the same signup where users can win $500, I’d like to ad a note above the referral banner for sign up about the contest, is there away to do that?

    2. How can I had this to the front page?

  18. Belinda

    Great tutorial, thanks. Is there a way for me to had the ads also show up on my homepage? I have a sticky post at the top and then my posts show up after that but this version of the posts have no ads. So ads only appear if the reader actually clicks through on a post to the individual post URL. Would be great if the ads would show also on the homepage.

  19. steve

    What impact does this have on SEO considering there will be links to adverts within the content of the page?

  20. Aadil

    Hello Wpbeginner,
    Really a good explanation. Really like it. However I have one question, would be really grateful if you could help me. If we use the code way,Is there a way to exclude some pages like- about, contact us etc where we dont want want the ads to appear.

  21. Antonios

    With this plugin the ads placed in a post appear in all the other posts. How can I place an ad in one specific post, and that it won’t appear on other posts?

    I have posts related to specific services, products, and topics. I need to be able to place ads related to the specific post, and that won’t appear on other posts, because ads won’t be related to those other posts.

  22. tigaruk

    How do i get it to only appear on posts pages using the code above, not the plugin. Currently its also appearing on my product pages.

  23. dan

    Ads don t appear in posts before the plugin was instaled?

  24. Dan Sz.

    Is there a way to get this to work within a custom loop? For example, when showing the full content of a featured post on the home page.

  25. kristarella

    Thanks for this. I would recommend tweaking the code slightly to add the insert at the end of a post if it is shorter than the specified number of paragraphs. This can be done with:

    $num = count($paragraphs);
    if ($num == 0 || $num < $paragraph_id) {
    return $content.$insertion;
    }

  26. verdipratama

    Really helpful, thanks :)

    • Chris

      Seems like this would be some simple css to change the appearance. Do you have an example I could see online?

  27. Brandon

    Is there a way I can do this but have it on last paragraph? I want to insert at bottom right of every post’s content and have text wrapped using div align= »right » which I can see in your code I can change the div ad container, but I want it on bottom. Thanks!

    • Josh M

      Very nice! Great updates Team WPB!!

  28. Magic

    Thanks for the tutorial. What would the functions.php code be if I wanted the ad to show as the second paragraph up from the « bottom » of the page (not the second paragraph from the top of the page)?

  29. Margaret Anne @ Natural Chow

    What do I do if there is only a blank space showing up where the ad is supposed to be? I don’t have an ad-blocking software on my computer so am I doing something wrong?

  30. Josh M

    Hi, great, simple plugin. Just wanted to make two suggestions.

    I would recommend removing the hard-coded styling for the div or add a css box in settings, so it can be positioned easier. For those wondering, remove this in insert-post-ads.php…

    style= »clear:both;float:left;width:100%;margin:0 0 20px 0; »

    A simple option (checkbox?) on the post/page to « exclude content ads » would be great as well.

  31. St3elSh0t

    Hi Syed, could you please tell me how to add 2 ads after 1st paragraph so that there is one ad then a tab then another ad code?

    • Brandon

      You could use the code to add to functions.php and instead of using ad code here … you could do first ad code here second ad code here

      Then edit style sheet to set sizes and alignment for .maincontainer
      .firstad
      .secondad

  32. Andor Nagy

    Hi, Nice tutorial. Is there any way to add more then one ad? Like 1 after 2nd paragraph, 1 after 3rd and so on

  33. ETphonehome

    I’ve installed the plugin and it shows all in the preview but the ads are not shown when I publish the post. What did I do wrong? Thanks.

  34. Patrick

    Can we post adds at paragraph 0 , i mean on top of a post ?

    • Brandon

      You can edit single.php and look for a line that says something like:

      <?php the_content('’); ?> or entry…

      and ad your code above it and save the file

    • David

      Not familiar with Adsense, could you provide an example? If I’m designing my own ad and its is a jpeg, what would the ad code be if the jpeg is called MattsAutoSales.jpeg ?? I’m used to working with print ads which usually just use the digital name for placement (MattsAutoSales.jpeg)
      Thanks for the help!

  35. SarahZigler

    Really helpful, I’m waiting for my adsense got approved. And this is a good information for me to implement adsense. Thanks.

  36. David

    Could you define « ad code » ? I’m missing how to create one.

  37. Chetan Parate

    How to add facebook like button on the WP page ??

  38. WPBeginner Staff

    An existing plugin on your site may be conflicting. We recommend deactivating all plugins except insert post ads and then activate other plugins one by one until you figure out which plugin is causing the issue. Let us know.

  39. Kim Whitley-Gaynor

    Very helpful information! Thank you very much. What plug-in do you recommend for inserting ads into a sidebar?

  40. Benjamin Houy

    Your plugin seems great. But the content of my posts doesn’t show anymore when I activate it.

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.