Tutoriel : Créer une annonce interstitielle

Créer une publicité interstitielle mobile ou de bureau pour votre site web, site Wordpress, application mobile ou blog a été simplifié par CPAlead. Une publicité interstitielle affichera une publicité à votre visiteur après qu'il ait cliqué sur votre lien spécifié. Selon vos paramètres interstitiels, votre visiteur devra regarder la publicité pendant 5 secondes (ou plus) ou il aura la possibilité de fermer immédiatement la publicité s'il n'est pas intéressé. Nos publicités interstitielles peuvent être entièrement personnalisées jusqu'à la mise en page HTML et la conception CSS.

Si votre visiteur interagit avec une offre à l'intérieur de la publicité interstitielle, vous gagnerez entre 3 et 20 cents ou plus par clic selon la valeur de leur interaction. Nous devons cependant vous mettre en garde : si vous cliquez sur vos propres offres, vous serez banni - nous devons dire cela pour protéger nos annonceurs qui nous paient par clic.

1. Connexion

Visitez https://www.cpalead.com et cliquez sur le bouton de connexion dans le coin supérieur droit. Si vous n'avez pas de compte CPAlead, cliquez sur le bouton S'inscrire.

2. Naviguer vers Annonce Interstitielle

Une fois connecté, sur le tableau de bord de l'éditeur CPAlead, cliquez sur le menu Outils à gauche puis sélectionnez 'Pop Under Ad'.

3. Sélectionnez un modèle d'interstitiel

Tout d'abord, vous devrez sélectionner un modèle que vous souhaitez utiliser pour votre annonce Pop Under. Si vous ne souhaitez pas utiliser de modèle, sautez simplement cette étape et sélectionnez Taille Pop-Under ci-dessous. Vous verrez que CPAlead propose 6 modèles interstitiels différents.

Interstitiel Adjustable pour Bureau

Ce modèle est uniquement pour le trafic de bureau et le nombre de lignes et de colonnes PEUT être ajusté en utilisant le menu déroulant 'Sélectionner la taille de l'interstitiel'. Les annonces interstitielles conçues avec ce modèle afficheront des offres à l'intérieur d'une fenêtre complète / page entière. Après que l'utilisateur ferme cette annonce, il sera envoyé à la destination du lien.

Alternative pour Bureau

Ce modèle est uniquement pour le trafic de bureau et le nombre de lignes et de colonnes ne peut PAS être ajusté à moins que vous ne le modifiiez manuellement en utilisant HTML. Les annonces interstitielles conçues avec ce modèle afficheront des offres à l'intérieur d'une fenêtre complète / page entière. Après que l'utilisateur ferme cette annonce, il sera envoyé à la destination du lien.

Overlay pour Bureau

Ce modèle est uniquement pour le trafic de bureau et le nombre de lignes et de colonnes ne peut PAS être ajusté à moins que vous ne le modifiiez manuellement en utilisant HTML. Les annonces interstitielles conçues avec ce modèle afficheront des offres à l'intérieur d'un iFrame qui apparaît au-dessus de la page actuelle dans un overlay. Après que l'utilisateur ferme cette annonce, il sera envoyé à la destination du lien.

Page Complète Mobile

Ce modèle est uniquement pour le trafic mobile et le nombre de lignes et de colonnes ne peut PAS être ajusté à moins que vous ne le modifiiez manuellement en utilisant HTML. Les annonces interstitielles conçues avec ce modèle afficheront des offres à l'intérieur d'une fenêtre complète / page entière sur les appareils mobiles. Après que l'utilisateur ferme cette annonce, il sera envoyé à la destination du lien.

Overlay Mobile

Ce modèle est uniquement pour le trafic mobile et le nombre de lignes et de colonnes ne peut PAS être ajusté à moins que vous ne le modifiiez manuellement en utilisant HTML. Les annonces interstitielles conçues avec ce modèle afficheront des offres à l'intérieur d'un iFrame qui apparaît au-dessus de la page actuelle dans un overlay. Après que l'utilisateur ferme cette annonce, il sera envoyé à la destination du lien.

Intégration Mobile

Ce modèle est uniquement pour le trafic mobile et le nombre de lignes et de colonnes ne peut PAS être ajusté à moins que vous ne le modifiiez manuellement en utilisant HTML. Les annonces interstitielles conçues avec ce modèle afficheront des offres à l'intérieur d'un iFrame qui est placé sur le corps d'une page mobile. Ce modèle vous permet d'utiliser votre en-tête et pied de page mobiles dans la conception. Après que l'utilisateur ferme cette annonce, il sera envoyé à la destination du lien.

4. Sélectionnez les Lignes et les Colonnes

Si vous n'avez pas sélectionné le modèle ajustable ou n'avez pas sélectionné de modèle du tout, vous devrez alors définir le nombre de colonnes et de lignes que vous souhaitez voir apparaître. Par exemple, si vous sélectionnez 3 colonnes et 4 lignes, votre annonce affichera 12 offres cliquables. Si vous avez sélectionné un modèle qui n'était PAS ajustable, veuillez ne pas utiliser cette option.

5. Sélectionnez la Taille de l'iFrame

Pour les modèles qui utilisent un iFrame, cette option vous permettra de changer la taille de cet iFrame. Veuillez garder à l'esprit que si vous rendez l'iFrame trop petit, il pourrait afficher moins d'offres que vous ne le souhaitez.

6. Configurez le Bouton Passer

Cette option vous donnera la possibilité d'utiliser un bouton passer ou un bouton fermer. Si vous choisissez d'utiliser un bouton passer, alors le bouton apparaîtra après le nombre de secondes que vous avez défini. Cela vous permet de forcer votre visiteur à regarder vos annonces avant qu'il ne soit redirigé vers la destination du lien sur lequel il a cliqué. Si vous ne voulez pas que votre visiteur attende du tout, vous pouvez lui donner l'option de fermer l'annonce immédiatement en sélectionnant 'fermer'.

7. Si le visiteur utilise un appareil mobile, afficher

Cette option vous permettra de sélectionner une autre annonce interstitielle que vous avez conçue pour être affichée si le visiteur utilise un appareil mobile. Vous devrez d'abord concevoir l'annonce interstitielle mobile, puis l'enregistrer. Lors de la création de la version bureau de l'annonce interstitielle, vous verrez l'annonce interstitielle mobile que vous avez conçue apparaître dans le menu déroulant. Sélectionnez simplement le nom de votre annonce interstitielle mobile et cette annonce sera affichée à tout le trafic mobile et votre annonce interstitielle actuelle sera affichée à tout le trafic de bureau.

8. Définissez la Classe CSS pour l'Événement Déclencheur

C'est la classe CSS sur votre site web, blog ou site Wordpress qui déclenchera l'interstitiel. Cela signifie que tous les liens 'a href' qui utilisent cette classe spécifiée déclencheront cet interstitiel. Par exemple, si je voulais que l'interstitiel apparaisse chaque fois qu'un visiteur va sur ma page 'À propos' sur mon site web, je pourrais ajouter la classe 'pop' à ce lien : et cela ressemblerait à cela : Ensuite, sur mon créateur d'interstitiel sur CPAlead, je définirais la Classe CSS pour Déclencheur à 'pop', comme ceci : Vous devrez ajouter le code Javascript pour rendre cela actif, mais ne vous inquiétez pas, je détaillerai cela plus tard.

9. Nom de la Bannière et Enregistrement

C'est là que vous définirez le nom de l'annonce interstitielle afin de pouvoir la retrouver plus tard dans votre menu 'Gérer les annonces'. Si vous ne souhaitez pas modifier l'HTML ou le CSS de cette annonce, vous pouvez enregistrer votre annonce maintenant.

10. Modification de l'HTML et du CSS (Facultatif)

Si vous souhaitez modifier l'HTML et le CSS du modèle que vous avez sélectionné ou si vous souhaitez créer votre propre modèle, veuillez vous référer à notre tutoriel sur l'annonce personnalisée, étapes 6 et 7.

11. Placer l'Interstitiel sur le Site Web, Blog ou Site Wordpress

Une fois que vous avez enregistré votre annonce interstitielle, vous serez redirigé vers le menu 'Gérer les annonces'. Ici, vous verrez toutes les annonces que vous avez créées auparavant et également l'annonce que vous venez de créer. Pour l'annonce interstitielle que vous venez de créer, cliquez sur 'Obtenir le code'.

Maintenant, vous verrez un code comme celui-ci affiché :

Copiez ce code et placez-le sur la page web où apparaîtra votre interstitiel. Ensuite, vous devrez définir quels liens déclenchent l'interstitiel en définissant une classe CSS, veuillez revisiter l'étape 8 ci-dessus.

Si vous avez défini une version mobile de l'interstitiel pour le trafic mobile (voir l'étape 7 ci-dessus), vous devrez vous assurer que les versions bureau et mobile de l'interstitiel sont déclenchées sur la même classe. Notez également que vous n'aurez besoin d'utiliser que le code de placement de la version bureau. Si votre visiteur utilise un appareil de bureau, il verra l'interstitiel de bureau que vous avez conçu. Si votre visiteur utilise un appareil mobile, il verra la version mobile que vous avez conçue.

Regardez notre tutoriel vidéo ! Si vous avez besoin d'aide supplémentaire, veuillez regarder notre tutoriel vidéo ci-dessous. Si vous avez encore des questions, veuillez envoyer un courriel à suggestions (@) cpalead.com. Aimez également notre vidéo YouTube si vous aimez cette fonctionnalité, cela nous encouragera à en créer davantage.