« Google Blended Search : 10 Points à Connaitre | Home | Link rel=Canonical : La balise ultime contre le Duplicate Content ? »

fév 15 2009

Google Adsense Mobile : 14 Etapes pour l’intégrer sur votre Blog

Posté Par SeoMan a 18:47 Dans Adsense

Première visite ici? Suivez les articles du blog via RSS. Merci pour votre visite!

Celine

Photo Celine

Depuis l’avènement de l’Iphone et du gPhone Android, l’internet mobile est enfin entrain de devenir un média à part entière, je vous présentais il ya quelque temps les règles de base du SEO Mobile , une fois ces étapes franchies et que votre blog est visible et accessible sur les terminaux mobiles, il est temps de monétiser tout cela voila donc étapes pour monétiser votre blog version mobile avec Google Adsense pour Mobile. (Cf annonce officielle depuis le Blog Google Mobile)

Nous allons prendre l’exemple d’un blog sous wordpress que voici : MobileRadar

Premier Test le blog n’est pas accessible depuis un iphone même le Title n’est pas chargé (un comble pour un blog qui suit les news sur les mobiles )

adsense-mobile-0

Pour remédier à cela nous allons installer un plugin IWPhone qui permettra de proposer une version mobile du blog

1> Télécharger Iwphone pour Wordpress

2> Après avoir activé le plugin et mis le théme sous le répertoire nom_du_blog/wp-content/themes/  (ne pas activer le thème ! le plugin s’en chargera  )

3>Vérifiez que votre blog est maintenant accessible depuis un mobile –> OK

img_0022

4> Contrairement aux navigateurs traditionnels, les mobiles  (hors smartphones type Iphone etc..) ne prenent pas en charge le code  Javascript  des annonces Adsense. Google Adsense ne propose même pas de version javascript (Si quelqu’un a une explication sur ce sujet : L’iphone et Safari affiche trés bien le Javascript ?)  de ses Adsense Mobile

Google Adsense Mobile propose uniquement du code sous :

  • PHP v4.3.0 ou ultérieur
  • CGI/Perl v5.8 ou ultérieur
  • JSP v1.2 ou ultérieur
  • ASP v3.0 ou ultérieur

Pour notre Cas le blog Wordpress MobileRadar utilise du PHP, il sera donc nécessaire de pouvoir interpréter coté serveur du PHP directement sur les Posts clients pour ne pas avoir à les mettre en dur sur le source wordpress directement .

Pour cela le plugin EXECPHP est notre Ami –> Télécharger le donc chez Wordpress plugins activez le et configurer le aussi sur votre interface d’admin sur Wordpres.

5>  Il est temps de générer le code Adsense Mobile chez Google :

Connectez vous sur votre compte Adsense:

adsense-mobile-4

Puis Obtenir des Annonces Adsense Mobile

adsense-mobile

6> Ensuite configurez vos annonces Adsense mobile Textuelles et / ou Images

adsense-mobile-2

7> Choisissez le format des annonces Adsense mobile affichées simple ou double (ma préférence va au double)

adsense-mobile-format

8> Choisissez le langage selon votre type de terminal ciblé (imode, wap 1.0 ou wap 2.0) ensuite le type d’encodage selon la langue du site (laissez sur auto )

adsense-mobile-parametres-2

9> Personalisez les couleurs de vos annonces Adsense mobile (trés important pour le CTR) il faut que vos annonces Adsense mobiles soient bien intégrées à votre contenu.

adsense-mobile-couleurs

10> Créez un critére pour suivre les performances de vos blocs Adsense Mobile (Facultatif mais nécessaire néanmoins)

mobile-adsense-critere

11> Récupérer votre Code Adsense Mobile Selon le code de votre Site ou Blog (ASP, JSP,CGI ou PHP)

pour notre Blog sur les infos Mobiles nous avons pris le PHP .

code-adsense-mobile

12> Selon le fonctionnement de votre Blog wordpress , soit vous intégrez directement ce code sur le code source wordpress (solution brute) soit vous utilisez un plugin qui vous permet d’injecter du code dans chaque post

Pour cela nous avons utilisé POST Layout qui en plus détecte le User agent et affiche le code adsense mobile pour les terminaux mobile et le  code adsense legacy pour le web traditionnel –> Télécharger le Plugin Post Layout

Activez le plugin et ensuite rendez vous sur le menu configuration du plungin via l’admin wordpress

Activez l’autodetection du mobile user Agent

mobile-agent-detection

13> Insérer votre Code Adsense selon l’emplacement que vous souhaitez  (début, milieu ou fin du post )

code-adsense

14> Vérifiez le fonctionnement et le bon affichage des Adsense mobile et depuis le web .

Adsense Mobile sur le haut du post

adsense-mobile-affiche

Adsense Mobile dans le bas  du post

adsense-mobile-down

Pour suivre la liste de posts n’hésitez pas à vous abonnez aux flux RSS flux rss seo adsense referencement ou les recevoir directement par Mail ou vous pouvez me suivre sur Twitter follow twitter

Related Posts Plugin for WordPress, Blogger...


11 Commentaires to “Google Adsense Mobile : 14 Etapes pour l’intégrer sur votre Blog”

  1. Weetabixon 15 fév 2009 at 21:15

    excellent article, bien expliqué ! rien à redire ! ( enfin je crois..)

    Dernier Post de Weetabix.Free va concurrence … la Française des Jeux ?

  2. SeoManon 16 fév 2009 at 20:00
    @Weetabix - Merci weeta :)
    il est temps que tu abandonnes dotclear pour wordpress
    @+
  3. jeff-TVQCon 17 fév 2009 at 6:21

    Wow! très bonne article :)
    mais j’ai des problème pour afficher les pub adsens même en utilisant post layout:(

  4. SeoManon 17 fév 2009 at 22:07
    @jeff-TVQC - quelle est l’adresse de ton site pour que je puisse tester ?
    @+
  5. mohcineon 01 juin 2009 at 3:18

    ctres ce blog

  6. mohcineon 01 juin 2009 at 3:19

    waw

    Dernier Post de mohcine.Article posté le dimanche 31 mai 2009 19:10

  7. Noé Facqon 28 sept 2011 at 10:38

    Merci! Je ne connaissais pas post layout. En effet, je l’ai installé et il est simplissime! Très bon article.

  8. Le cocktail du Dimanche #28 - iloneton 15 fév 2009 at 22:57

    [...] Toolbar : la barre d’outils SEO de SEOBookOptimiser son serveur Web avec NginxGoogle Adsense Mobile : 14 Etapes pour l’intégrer sur votre BlogDéballage et Présentation vidéo du Nokia E63Migration de votre blog Wordpress sur un autre [...]

  9. [...]  Google Adsense Mobile 14 Etapes pour l intégrer sur votre Blog () [...]

  10. [...]  Google Adsense Mobile 14 Etapes pour l intégrer sur votre Blog (0 visite) [...]

  11. Spirit of wordpresson 18 fév 2009 at 17:59

    Google Adsense Mobile : 14 Etapes pour l’intégrer sur votre Blog…

    Depuis l’avènement de l’Iphone et du gPhone Android, l’internet mobile est enfin entrain de devenir un média à part entière, je vous présentais il ya quelque temps les règles de base du SEO Mobile , une fois ces étapes franchies et que votre blog est v…