• > Comment faire la promotion de vos produits d'affiliation.(Part 1)
  • << Retour
 

"Comment faire la promotion de vos produits d'affiliation.(Part 1)"

Sous forme de publicité un peu comme google adsense, je m'explique pour commencer il vous faut une plate-forme d'affiliation je vous propose de découvrir les régies 1Tpe ou bien ClickBank qui ne propose que des produits téléchargeables genre ebooks, logiciels etc..., vous pouvez bien sûr faire la promotion de tous autres services regardez ci-dessous je ne vends rien mais, je suis payé à chaque fois que quelqu'un s'inscrit à leur service. Ensuite il vous suffit de promouvoir les produits ou les services qui se rapprochent le plus à la thématique de votre site avec le style de pub que je vous propose, avec cette méthode vous êtes sûre que vos annonces sont pertinentes aux yeux de vos visiteurs et peut vous rapporter bien plus que quelques centimes.

Exemple n°1:

  • EuroClix
    Gagnez des clix échanger
    les ensuite contre des €...

    https://www.EuroClix.com
  • Aweber
    Cet auto-répondeur
    travaille pour vous 24h/24...

    https://www.aweber.com
  • Klikot
    Le seul réseau social
    qui partage ses gains...

    http://www.klikot.com/
  • Paypal
    Effectuez vos achats
    de manière sécurisée...

    https://www.paypal.com
 

Exemple n°2:

  • EuroClix
    Gagnez des clix échanger
    les ensuite contre des €...

    https://www.EuroClix.com
  • Aweber
    Cet auto-répondeur
    travaille pour vous 24h/24...

    https://www.aweber.com
  • Klikot
    Le seul réseau social
    qui partage ses gains...

    http://www.klikot.com/
 

Exemple n°3:

  • Money Millionnaire
    Money Millionnaire est le programme de parrainage francophone le plus rentable !
    https://www.moneymillionnaire.fr/

PS: Si vous voulez récupérer les images c'est (clic droit/enregistrer l'image sous...) mais, je pense que vous pouvez faire mieux que ça avec le logiciel PhotoFiltre.

 

la partie xhtml:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" >
<head>
<title> Mes pubs </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="design" href="jolie_fiche.css" />
</head>
<body>
    <div id="mes_pubs">  <!--l'ensemble du bloc mes_pubs-->
        <div class="fermer_la_pub"> <!--Une option qui permet de fermer la pub si celle-ci gêne votre visiteur-->
            <a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'>
		<img src="images/close-pubs.jpg" style="border: none;" alt="fermer la pub" title="fermer la pub"/>
            </a>
        </div>
        <ul class="pubs1"> <!--premier bloc-->
            <li> <!--liste a puce-->
                <span class="titre"><a href="http://www.votre lien affilie">le texte du lien</a></span><br/>
                <span class="texte-de-pub">Une description courte de votre pub</span><br/>
                <span class="lien-de-pub">le texte du lien</span>
            </li> <!--fin de la liste à puce-->
        </ul> <!--fin du premier bloc-->

        <ul class="pubs2"> <!--bloc 2-->
            <li> <!--liste a puce-->
                <span class="titre"><a href="http://www.votre lien affilie">le texte du lien</a></span><br/>
                <span class="texte-de-pub">Une description courte de votre pub</span><br/>
                <span class="lien-de-pub">le texte du lien</span>
            </li> <!--fin de la liste à puce-->
        </ul> <!--fin du bloc 2-->

        <ul class="pubs3"> <!--bloc 3-->
            <li> <!--liste a puce-->
                <span class="titre"><a href="http://www.votre lien affilie">le texte du lien</a></span><br/>
                <span class="texte-de-pub">Une description courte de votre pub</span><br/>
                <span class="lien-de-pub">le texte du lien</span>
            </li> <!--fin de la liste à puce-->
        </ul> <!--fin du bloc 3-->	

        <ul class="pubs4"> <!--bloc 4-->
            <li> <!--liste a puce-->
                <span class="titre"><a href="http://www.votre lien affilie">le texte du lien</a></span><br/>
                <span class="texte-de-pub">Une description courte de votre pub</span><br/>
                <span class="lien-de-pub">le texte du lien</span>
            </li> <!--fin de la liste à puce-->
        </ul> <!--fin du bloc 4-->	
    </div> <!--fin du bloc mes_pubs-->

</body>
</html>

la partie css:

/*le code css ci-dessous et le résultat de l'exemple n°1 pour l'exemple n°2 et n°3 vous devez changer la valeur de width du bloc
#mes_pubs pour le n°2 la valeur est à 560px et pour le n°3 à 260px */
#mes_pubs { width: 750px; /*La taille valeur fixe du bloc mes_pubs*/ height: 80px; /*La hauteur du bloc mes_pubs*/ background: white url("images/fond-des-pubs.png") no-repeat; /*L'image de fond doit correspondre aux valeurs que vous avez cités
ci-dessus (width et height)*/
} #mes_pubs ul { float: left; /*Alignement des blocs ul, supprimer cette ligne si vous voulez les voir alignés les un en dessous des autres*/ } .titre { font-size: 12px; /*Taille de la police*/ color: blue; /*Couleur de la police*/ text-decoration: underline; /*On souligne le titre*/ } .pubs1 , .pubs2 , .pubs3 , .pubs4 { list-style-type: none; /*On enlève la puce*/ width: 140px; /*On impose une taille fixe à nos blocs*/ /*Vous pouvez aussi réduire l'écart entre les blocs ul avec un margin-right: -10px; par exemple si vous avez un problème d'alignement*/ } .lien-de-pub { font-size: 9px; /*Taille de la police*/ color: green; /*Couleur de la police*/ } .text-de-pub { font-size: 11px; /*Taille de la police*/ color: #66665E; /*Couleur de la police*/ } .fermer_la_pub { float: right; /*On envoie l'image flotter à droite par défaut elle se trouve à gauche*/ margin-top: 5px; /*On décale l'image pour quelle ne colle pas au trop au bord*/ margin-right: 3px; /*On décale l'image pour quelle ne colle pas au trop au bord*/ }

Le code ci-dessus n'est pas compatible sur ie6 voici le code à ajouter entre les balises <head> et </head>


<!--[if IE 6]>
<style type="text/css">
.lien-de-pub{font-size: 8px;color: green;}
.texte-de-pub{font-size: 9px;color: #66665E;}
.pubs1 , .pubs2 , .pubs3 , .pubs4{list-style-type: none;width: 125px;}/*reduirez les blocs ul de quelques pixels pour ie6*/
</style>
<![endif]-->

Vous l'avez surement remarqué tout est modifiable à souhait sur ce code la taille l'image les couleurs etc...,vous pouvez aussi améliorer ce script avec un compteur de clic par exemple moi j'utilise ce script gratuit php click counter il est en anglais mais très simple à utiliser, voilà ce tutoriel est maintenant terminé, si vous avez besoin d'aide ou si vous trouvez une erreur utilisez notre support catégorie besoin d'aide.

 

Produit par le:

Club édition ebooks

log