Google comme les annonces du texte en utilisant OpenX
J'ai eu beaucoup de gens me demandent si ses possible d'utiliser OpenX pour montrer comme les annonces textuelles de Google. Ma réponse est habituellement il devrait être plus facile que vous le pensez. Il suffit de créer quelques annonces texte et ajouter un peu de style.
Je n'ai pas vu toute la pratique pourtant si j'ai pris un moment pour créer un exemple pour ceux qui voudraient afficher des annonces similaires à Google.
Créer des annonces et la zone éditeur
D'abord vous devez décider quel annonces textuelles que vous voulez montrer et où. Vous avez probablement déjà que l'un ou que vous ne seriez pas ici. Pour cet exemple, j'ai créé quatre 150 annonces X 150 dans le texte OpenX pour former une annonce gratte-ciel 160x600.
Vous pouvez désormais passer et créer plus selon vos besoins ou tout simplement utiliser la fonction de copie à portée de main dans OpenX comme je l'ai.
Maintenant que vous avez quelques annonces créées pour répondre à vos besoins, vous aurez besoin de créer une zone ou d'éditeur et de leur montrer. Puis relier les annonces textuelles que vous avez créé à la zone éditeurs.
Création du css et html
Heres Maintenant, la partie où vous annonce un peu de style pour les rassembler pour former un seul ensemble d'annonces. Si vous n'avez pas un éditeur, vous trouverez un certain nombre de créateurs en ligne de boîte CSS. Essayez une recherche google pour " boîte CSS créateur »Ou encore plus simple faire quelques coppy rapide et passés de la mienne ci-dessous. S'il vous plaît enregistrez les images sur votre propre serveur si vous choisissez d'utiliser le changement de code et les urls image de fond.
Maintenant il vous faut un peu de html pour afficher les annonces sur votre page web. Voici ce que j'ai créé pour cet exemple.
<div class="oxad160"> <div class="oxtop"> <Img src = "http://www.btdsoft.com/examples/images/tl.gif" alt = "" width = "15" height = "15" class = "coin" style = "display: none" /> </ Div> <div class="adcontent"> *** Code d'annonce Insérez ici *** </ Div> <div class="adcontent"> *** Code d'annonce Insérez ici *** </ Div> <div class="adcontent"> *** Code d'annonce Insérez ici *** </ Div> <div class="adcontent"> *** Code d'annonce Insérez ici *** </ Div> annonces <p> par <a href="http://www.oxrev.com"> OxRev.com </ a> </ p> <div class="oxbottom"> <Img src = "http://www.btdsoft.com/examples/images/bl.gif" alt = "" width = "15" height = "15" class = "coin" style = "display: none" /> </ Div> </ Div>
Mettre le tout ensemble
Nous avons maintenant un groupe d'annonces textuelles, un éditeur et de la zone, des morceaux de CSS et HTML. Permet de mettre ensemble et voir si cela fonctionne. Pour cet exemple, j'ai sauvé le CSS comme 160.css, et la boîte html comme un modèle que je peux brancher n'importe où je choisir plus tard. J'ai téléchargé le fichier css et les images d'angle à un serveur. Maintenant, une fois je place la boîte sur une page html j'ai besoin d'importer le fichier css avec elle pour que les images et le formatage d'apear correctement. Pour cela j'ai utilisé une commande d'importation.
<style> @ Import url ("http://www.btdsoft.com/examples/160.css"); </ Style>
Placez ce morceau de code directement avant la balise div première partie de votre boîte, sans oublier de changer l'URL de votre emplacement sur le serveur.
Maintenant, vous devez obtenir le code de la bannière d'OpenX. Ici, j'ai choisi Java, se souvenant de cocher "Ne pas afficher une bannière de la même campagne à nouveau sur la même page". Cela permet de garder de répéter OpenX annonces.
Il suffit d'insérer votre code d'OpenX partout où je suis "code d'annonce *** *** Insérer ici" ci-dessus dans l'exemple html. Vous avez seulement besoin du code d'une coutume de répéter que OpenX répétez la même annonce. Téléchargez votre test à un serveur ou prévisualiser dans votre éditeur et vous devriez voir quelque chose comme l'exemple ici .
Différentes mises en page
Si vous ne voulez pas fou avec CSS, il est facile de créer la même chose dans n'importe quel format. Il suffit d'utiliser le dessus de la création d'annonces, les zones et les méthodes de code d'invocation. Vous pouvez avoir quelques lignes comme Google ou un simple lien texte en ligne. Rappelez-vous juste de dire OpenX de ne pas montrer la même annonce de la même campagne sur la même page.
Pour que cela fonctionne correctement un annonceur ne doit pas avoir toutes les annonces dans une campagne. Gardez leurs annonces textuelles dans une campagne et des bannières publicitaires dans un autre. Si OpenX voir la il ya une autre annonce de la même campagne sur la page. il va faire son travail et ne pas montrer une autre, comme indiqué.
Commentaires
Publicité
