Infopop et pop DHTML optimisée, et mes sites mobiles ?

Vous êtes nombreux à utiliser cet outil à raison : ce sont les version optimisées, donc celles qui rapportent le plus d’argent !

D’abord, pourquoi parle t’on d’optimisé ?

Car ces outils sont fait pour transformer au mieux votre visiteur !
=> On leur affiche les design les plus percutants !
=> On les renvoie sur les PDV les plus performantes !

Mais certains design n’étaient pas adapté à vos sites responsive : soit ça débordait de l’écran mobile, soit ça cachait quasi l’entièreté de vos sites ! C’est pour ça que nous vous proposons une petite astuce simple à mettre en place et qui résoudra cette problématique 🙂

Que va t’il se passer sur une tablette / un mobile ?

Si l’affichage de l’utilisateur est inférieur à 768 pixels (écran de taille réduite), au lieu d’afficher l’outil classique, vous aurez notre iPop 🙂

A savoir :
– Cet outil est pour le moment réservé au marché hétéro
– La pop DHTML mobile est fixée au dating
– La pop DHTML mobile ne gère pas de popunder

L’infopop optimisée

Outil : http://statsv3.carpediem.fr/?module=promo_infopop_optimized

Pour cet outil, voici le code à utiliser sur vos designs responsive :

<script>
var cdInfopop = {
    'id': 10000,
    'tracker': 'deftrack',
    'sound': 1,
    'close':'01'
}
</script>
<script src="http://ktu.sv2.biz/cd_infopop/infopop-optimise-responsive.js"></script>

var cdInfopop = {

'id': 10000,

'tracker': 'deftrack',

'sound': 1,

'close':'01'

}

</script>

Que mettre entre les crochets( {… } ) ?
Reprenez le contenu entre les crochets du code que l’interface citée ci-dessus vous donne 🙂

Attention, vérifier bien d’avoir votre meta viewport !

<meta name="viewport" content="width=device-width, initial-scale=1.0">

1	<meta name="viewport" content="width=device-width, initial-scale=1.0">

La pop DHTMLoptimisée

Outil : http://statsv3.carpediem.fr/?module=promo_dhtml_optimized

Pour cet outil, voici le code à utiliser sur vos designs responsive :

<script>
var cdDhtmlpop = {
    id: '10000', 
    tracker: 'deftrack', 
    type: [ 'dating', 'live', 'vod' ], 
    synergie: 'hetero', 
    popunder: true, 
    aggresive: true,
    mode: 'load'
};
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://ktu.sv2.biz/cd_pop_dhtml/cd_pop_dhtml-responsive.js"></script>

var cdDhtmlpop = {

id: '10000',

tracker: 'deftrack',

type: [ 'dating', 'live', 'vod' ],

synergie: 'hetero',

popunder: true,

aggresive: true,

mode: 'load'

};

</script>

Que mettre entre les crochets( {… } ) ?
Reprenez le contenu entre les crochets du code que l’interface citée ci-dessus vous donne 🙂

Attention, vérifier bien d’avoir votre meta viewport !

<meta name="viewport" content="width=device-width, initial-scale=1.0">

1	<meta name="viewport" content="width=device-width, initial-scale=1.0">

PS 1 : Si vous avez déjà un Jquery en version supérieur ou égale à 1.7.1, vous pouvez supprimer la ligne Jquery.
PS 2 : En mode « A la fermeture de la page », la version mobile sera ouverte lors de son affichage.

Dans les deux cas, il ne s’agit pas de redirection, c’est donc safe pour votre référencement 🙂

Si vous avez des difficultés dans la mise en place ou si vous avez des questions, n’hésitez pas à nous contacter !