Intégration de Google Adsense dans SPIP

mardi 29 janvier 2008
par LOKI
popularité : 21%

Ce blog n’a pas pour vocation de gagner de l’argent, mais bon, j’ai pensé que quelques liens publicitaires bien intégrés au contenu et pas trop envahissants seraient un excellent moyen de payer l’hébergement.

J’ai donc choisi Google Adsense, et je l’ai placé tout en bas, en personnalisant les différents paramètres de manière à respecter le plus possible les couleurs du squelette Sarka-SPIP (version 1.9.2).

La bannière Adsense a été intégrée aux 3 fichiers suivants :

  • sommaire.html
  • rubrique.html
  • article.html

Mise en oeuvre

J’ai commencé par créer un fichier adsense.html que j’ai placé dans le répertoire /squelettes/ et dans lequel j’ai fait un copier/coller de mon code Adsense.

<div class="articles-freres" align="center">
                                               
<script type="text/javascript"><!--
google_ad_client = "pub-votre_code_adsense";
google_ad_width = 468;
google_ad_height = 60;
google_ad_type = "text_image";
google_ad_channel ="";
google_color_border = "EEEEEE";
google_color_bg = "EEEEEE";
google_color_link = "6262A4";
google_color_url = "990000";
google_color_text = "000000";
//--></script>
<script type="text/javascript"
 src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

Comme j’avais choisi d’utiliser la classe "articles-freres" j’ai modifié les paramètres color_border et color_bg en #eeeeee, color-link en #6262A4 et color_url en #990000 trouvées dans le fichier /squelette/styles/style.css

Il ne restait plus qu’à inclure le fichier adsense.html au bon endroit dans les fichiers sommaire.html, rubrique.html et article.html.

sommaire.html :

Le fichier adsense.html est placé juste en fin de la boucle article, juste avant l’inclusion du footer.

                </BOUCLE_article>
                </div> <!-- Fin derniers-articles -->
        <INCLURE{fond=adsense}>
        </div> <!-- Fin centre -->

rubrique.html :

Le fichier adsense.html est placé juste en fin de la boucle test_numero, juste avant l’inclusion du footer.

                <//B_article-dates>
                        <//B_test_numero>
                        <INCLURE{fond=adsense}>
                </div> <!-- Fin contenu -->
        </div> <!-- Fin centre -->

article.html :

Le fichier adsense.html est placé juste en fin de la boucle signatures, juste avant la boucle forums, car je voulais que la bannière de pub suive directement l’article consulté.

        </BOUCLE_signatures>
                                                </tbody>
                                        </table>
                                </div> <!-- Fin signatures -->
                        </B_signatures>
                       
                        <INCLURE{fond=adsense}>

                        [(#REM) <!-- Forums --> ]
                        <B_forums>
                                <div class="forum">
                                        <div class="annonce-forum"><:messages_forum:> :</div>
                        <BOUCLE_forums(FORUMS){id_article}{par date}{inverse}>

Petite modification en passant de Sarka-SPIP 1.9.2 à Sarka-SPIP 2.0.2, les fichiers ne se trouvent plus dans le répertoire /squelette/ mais dans le répertoire /plugins/sarkaspip_2 mais le principe ne change pas.

J’espère que ce petit tutorial vous sera utile.....


Commentaires

Navigation

Mots-clés de l'article

Articles de la rubrique