{"id":479,"date":"2009-04-24T17:44:51","date_gmt":"2009-04-24T16:44:51","guid":{"rendered":"http:\/\/flaven.fr\/?p=479"},"modified":"2013-09-28T05:05:16","modified_gmt":"2013-09-28T03:05:16","slug":"palette-google-adsense-personnaliser-vos-annonces-publicites","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2009\/04\/palette-google-adsense-personnaliser-vos-annonces-publicites\/","title":{"rendered":"Palette Google AdSense &#8211; Personnaliser vos annonces &#038; publicit\u00e9s"},"content":{"rendered":"<p><!-- Google AdSense - Personnaliser graphiquement les annonces et les publicit\u00e9s --><br \/>\n<!--    Google, Google AdSense,  AdSense, annonces, publicit\u00e9s, webdesign, palette  --><br \/>\nIl existe un moyen assez simple et pratique de g\u00e9rer l&#8217;apparence de vos annonces textuels via votre compte Google Adsense. Une fois que vous \u00eates titulaire d&#8217;un compte Adsense. Vous devez vous rendre sur votre compte dans l&#8217;espace accessible via  <code>Configuration AdSense &gt; Palettes de couleurs<\/code><!--more--><br \/>\nDans votre compte, vous allez acc\u00e9der aux options de la palette afin d&#8217;effectuer les op\u00e9rations suivantes.<\/p>\n<h4>Personnaliser graphiquement vos annonces &amp; publicit\u00e9s avec la palette de Adsense<\/h4>\n<p><strong>Le chemin vers la palette<\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/04\/adsense_adsense_look_and_feel_pubs_1.jpg\" alt=\"Google AdSense - Personnaliser graphiquement les annonces et les publicit\u00e9s\" width=\"500\" height=\"265\" class=\"aligncenter\"><\/p>\n<h4>Ma palette de couleurs<\/h4>\n<p>La palette qui se charge par d\u00e9faut est <code>Plein air<\/code>, So refreshing ! <\/p>\n<p><strong>La palette par d\u00e9faut<\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/04\/adsense_adsense_look_and_feel_pubs_2.jpg\" alt=\"Google AdSense - Personnaliser graphiquement les annonces et les publicit\u00e9s\" width=\"500\" height=\"265\" class=\"aligncenter\"><\/p>\n<h4>Modifier la palette de couleurs<\/h4>\n<p>Vous pouvez modifier directement cette palette en pla\u00e7ant votre souris sur chacune des rectangles correspondants aux \u00e9l\u00e9ments : Bordure, Titre&#8230;etc. Dans notre exemple, nous modifiions la couleur du Titre. Si vous connaissez le code hexad\u00e9cimal des couleurs que vous souhaitez pour votre palette, vous pouvez les ins\u00e9rer directement. <strong>A l&#8217;instar des valeurs ci-dessous, faites un copier-coller seulement des 6 chiffres et non du signe #<\/strong>.<\/p>\n<p><strong>La s\u00e9lection des couleurs<\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/04\/adsense_adsense_look_and_feel_pubs_4.jpg\" alt=\"Google AdSense - Personnaliser graphiquement les annonces et les publicit\u00e9s\" width=\"500\" height=\"265\" class=\"aligncenter\"><\/p>\n<h4>Enregistrer votre nouvelle palette de couleurs<\/h4>\n<p>Dans notre exemple, notre palette se nomme <code>SocialHecube<\/code> et se compose des couleurs suivantes :<\/p>\n<ul>\n<li>Bordure # <code>CC0000<\/code><\/li>\n<li>Titre # <code>CC0000<\/code><\/li>\n<li>Arri\u00e8re-plan # <code>FFFFFF<\/code><\/li>\n<li>Texte # <code>666666<\/code><\/li>\n<li>URL # <code>660000<\/code><\/li>\n<\/ul>\n<p><strong>La nouvelle palette <code>SocialHecube<\/code><\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/04\/adsense_adsense_look_and_feel_pubs_5.jpg\" alt=\"Google AdSense - Personnaliser graphiquement les annonces et les publicit\u00e9s\" width=\"500\" height=\"265\" class=\"aligncenter\"><\/p>\n<h4>Mise \u00e0 disposition de la nouvelle palette de couleurs <code>SocialHecube<\/code><\/h4>\n<p>Vous allez pouvoir affecter \u00e0 un groupe d&#8217;annonces textuelles votre nouvelle palette, google nomme cela un &#8220;Ensemble AdSense&#8221;. D\u00e8s lors, automatiquement, sans avoir \u00e0 changer le javascript ins\u00e9r\u00e9 dans vos pages, l&#8217;apparence de vos annonces textuels pour cette &#8220;Ensemble AdSense&#8221; sera modifi\u00e9.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/04\/adsense_adsense_look_and_feel_pubs_6.jpg\" alt=\"Google AdSense - Personnaliser graphiquement les annonces et les publicit\u00e9s\" width=\"500\" height=\"265\" class=\"aligncenter\"><br \/>\nUn avantage, vous \u00e9vitez des changements en dur dans le code de votre javascript et opter pour une gestion plus souple et externalis\u00e9e de l&#8217;apparence des publicit\u00e9s Google.<\/p>\n<h4>Changer de palette mais pas de code<\/h4>\n<p>Ci-dessous, les codes AdSense pour un m\u00eame &#8220;Ensemble AdSense&#8221; d&#8217;annonces textuels de 728&#215;90 mais sur deux palettes diff\u00e9rentes. <\/p>\n<p><strong>L&#8217;Ensemble AdSense d&#8217;annonces textuels de 728&#215;90 sous la Palette <code>Hecube<\/code><\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/04\/adsense_adsense_look_and_feel_pubs_phecube.jpg\" alt=\"Google AdSense - Personnaliser graphiquement les annonces et les publicit\u00e9s\" width=\"735\" height=\"146\" class=\"aligncenter\"><\/p>\n<p><strong>Le code javascript correspondant \u00e0 cet ensemble avec la Palette <code>Hecube<\/code><\/strong><\/p>\n<pre lang=\"javascript\" escaped=\"true\">\r\n\t&lt;!-- google adsense --&gt;\r\n\t&lt;script type=&quot;text\/javascript&quot;&gt;&lt;!--\r\n\tgoogle_ad_client = &quot;pub-XXXXXXXXXXXXXXXX&quot;;\r\n\t\/* 728x90 *\/\r\n\tgoogle_ad_slot = &quot;XXXXXXXXXX&quot;;\r\n\tgoogle_ad_width = 728;\r\n\tgoogle_ad_height = 90;\r\n\t\/\/--&gt;\r\n\t&lt;\/script&gt;\r\n\t&lt;script type=&quot;text\/javascript&quot;\r\n\tsrc=&quot;http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js&quot;&gt;\r\n\t&lt;\/script&gt;\r\n<\/pre>\n<p><strong>L&#8217;Ensemble AdSense d&#8217;annonces textuels de 728&#215;90 sous la Palette <code>SocialHecube<\/code><\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/04\/adsense_adsense_look_and_feel_pubs_psocialhecube.jpg\" alt=\"Google AdSense - Personnaliser graphiquement les annonces et les publicit\u00e9s\" width=\"735\" height=\"146\" class=\"aligncenter\"><\/p>\n<p><strong>Le code javascript correspondant \u00e0 cet ensemble avec la Palette <code>SocialHecube<\/code><\/strong><\/p>\n<pre lang=\"javascript\" escaped=\"true\">\r\n&lt;script type=&quot;text\/javascript&quot;&gt;&lt;!--\r\ngoogle_ad_client = &quot;pub-XXXXXXXXXXXXXXXX&quot;;\r\n\/* 728x90 *\/\r\ngoogle_ad_slot = &quot;XXXXXXXXXX&quot;;\r\ngoogle_ad_width = 728;\r\ngoogle_ad_height = 90;\r\n\/\/--&gt;\r\n&lt;\/script&gt;\r\n&lt;script type=&quot;text\/javascript&quot;\r\nsrc=&quot;http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js&quot;&gt;\r\n&lt;\/script&gt;\r\n<\/pre>\n<h2>Pour aller plus loin<\/h2>\n<ul>\n<li>L&#8217;inscription au compte adsense, le nouvelle eldorado publicitaire<br \/>\n\t<a href=\"https:\/\/www.google.com\/adsense\/\" target=\"_blank\">https:\/\/www.google.com\/adsense\/<\/a><\/li>\n<li>L&#8217;aide de Google Adsense<br \/>\n\t<a href=\"https:\/\/www.google.com\/adsense\/support\/\" target=\"_blank\">https:\/\/www.google.com\/adsense\/support\/<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Il existe un moyen assez simple et pratique de g\u00e9rer l&#8217;apparence de vos annonces textuels via votre compte Google Adsense. Une fois que vous \u00eates&hellip; <\/p>\n<p class=\"text-center\"><a href=\"https:\/\/flaven.fr\/2009\/04\/palette-google-adsense-personnaliser-vos-annonces-publicites\/\" class=\"more-link\">Continue reading &rarr; <span class=\"screen-reader-text\">Palette Google AdSense &#8211; Personnaliser vos annonces &#038; publicit\u00e9s<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":9567,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"Personnalisez vos annonces Google AdSense avec la palette de couleurs. Acc\u00e9dez \u00e0 Configuration AdSense pour modifier l'apparence de vos publicit\u00e9s textuelles.","bf_ai_og_title":"Palette Google AdSense","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3437,3445,3447,3451],"tags":[100,157,2214,158,159,160,2198],"class_list":["post-479","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-business-case-studies","category-seo-web-marketing","category-technology-trends","category-web-design-front-end","tag-adsense","tag-annonces","tag-google","tag-google-adsense","tag-palette","tag-publicites","tag-webdesign-responsive-agile"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-7J","jetpack_featured_media_url":"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/04\/google_adasense_generic_b_2_g_bf.jpg","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/479","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=479"}],"version-history":[{"count":1,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/479\/revisions"}],"predecessor-version":[{"id":9568,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/479\/revisions\/9568"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media\/9567"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=479"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=479"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}