Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 14KB

4 jaren geleden
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  1. <!doctype html>
  2. <html lang=fr>
  3. <head>
  4. <!-- Always define the charset before the title -->
  5. <meta charset=utf-8>
  6. <title>Good Action : la publicité écologique et éthique — Biologeek — David Larlet</title>
  7. <!-- Define a viewport to mobile devices to use - telling the browser to assume that the page is as wide as the device (width=device-width) and setting the initial page zoom level to be 1 (initial-scale=1.0) -->
  8. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  9. <!-- Fake favicon, to avoid extra request to the server -->
  10. <link rel="icon" href="data:;base64,iVBORw0KGgo=">
  11. <link type="application/atom+xml" rel="alternate" title="Feed" href="/david/log/" />
  12. <link rel="manifest" href="/manifest.json">
  13. <link rel="stylesheet" href="/static/david/css/larlet-david-_J6Rv.css" data-instant-track />
  14. <noscript>
  15. <style type="text/css">
  16. /* Otherwise fonts are loaded by JS for faster initial rendering. See scripts at the bottom. */
  17. body {
  18. font-family: 'EquityTextB', serif;
  19. }
  20. h1, h2, h3, h4, h5, h6, time, nav a, nav a:link, nav a:visited {
  21. font-family: 'EquityCapsB', sans-serif;
  22. font-variant: normal;
  23. }
  24. </style>
  25. </noscript>
  26. <!-- Canonical URL for SEO purposes -->
  27. <link rel="canonical" href="https://larlet.fr/david/biologeek/archives/20071215-good-action-la-publicite-ecologique-et-ethique">
  28. </head>
  29. <body>
  30. <div>
  31. <header>
  32. <nav>
  33. <p>
  34. <small>
  35. Je suis <a href="/david/" title="Profil public">David Larlet</a>, <a href="/david/pro/" title="Activité professionnelle">artisan</a> du web qui vous <a href="/david/pro/accompagnement/" title="Activité d’accompagnement">accompagne</a><span class="more-infos"> dans l’acquisition de savoirs pour concevoir des <a href="/david/pro/produits-essentiels/" title="Qu’est-ce qu’un produit essentiel ?">produits essentiels</a></span>. <span class="more-more-infos">Discutons ensemble d’une <a href="/david/pro/devis/" title="En savoir plus">non-demande de devis</a>.</span> Je partage ici mes <a href="/david/blog/" title="Expériences bienveillantes">réflexions</a> et <a href="/david/correspondances/2017/" title="Lettres hebdomadaires">correspondances</a>.
  36. </small>
  37. </p>
  38. </nav>
  39. </header>
  40. <section>
  41. <h1 property="schema:name">Good Action : la publicité écologique et éthique</h1>
  42. <article typeof="schema:BlogPosting">
  43. <div property="schema:articleBody">
  44. <img src="/static/david/biologeek/images/logos/good_action.png" alt="vignette" style="float:left; margin: 0.5em 1em;" property="schema:thumbnailUrl" />
  45. <p>La problématique de la <a href="https://larlet.fr/david/biologeek/archives/20070802-publicite-ethique-et-cout-par-influence-sur-les-blogs/">publicité éthique</a> est quelque chose dont j'ai déjà parlé ici et j'ai eu plusieurs échanges de mails depuis qui tendaient tous vers la structure associative pour gérer annonceurs, revenus, etc. J'ai découvert aujourd'hui une solution qui correspond exactement à ce que j'avais en tête à ce moment là et qui fait ressortir au passage mon côté biolo&nbsp;: <a href="http://www.goodaction.org">Good Action</a>.</p>
  46. <p><em>Disclaimer&nbsp;: ce billet est non sponsorisé :-).</em></p>
  47. <h2>Des annonceurs passés au crible par des associations compétentes</h2>
  48. <p>C'est un point clé de la démarche&nbsp;: <strong>faire de la publicité pour des annonceurs qui partagent des valeurs éthico-écologiques</strong>. C'est un choix difficile à faire et c'est la raison pour laquelle cette association est aidée par d'autres associations qui ont cette expertise comme le <a href="http://www.wwf.fr/">WWF</a>. Je trouve cette approche intéressante car je m'étais aussi posé la question dans le cadre d'annonceurs informatiques&nbsp;: comment faire le tri entre les diverses solutions proposées lorsque l'on n'a pas forcément le temps de tester tout ça&nbsp;? (par exemple j'ai une <a href="http://www.easyneuf.org/fr">OpenGate</a> dans mon salon qui prend la poussière uniquement par manque de temps...).</p>
  49. <h2>Des fonds pour financer des projets humanitaires et environnementaux</h2>
  50. <p>Vivre de son blog&nbsp;? Il faut avoir un sacré lectorat pour ça... donc la publicité reste avant tout un moyen de se faire de l'argent de poche, au mieux d'arrondir les fins de mois. Et si cet argent était utilisé pour des œuvres un peu plus extra-ordinaires&nbsp;? Avec Good Action, <strong>les revenus sont reversés chaque mois pour une structure associative qui a des objectifs humanitaires ou environnementaux et c'est vous qui votez pour ce projet</strong>. Le choix doit être difficile car un digg-like sur l'humanitaire c'est assez horrible mais bon la régularité permet de faire bénéficier plusieurs associations par an, c'est déjà ça.</p>
  51. <p>Le problème avec les associations lorsqu'il y a de l'argent en jeu c'est que l'on ne sait jamais où ça va finalement surtout avec tous les problèmes qu'il y a eu à ce sujet mais ici aussi <a href="http://www.goodaction.org/association-goodaction.php">ça a été réfléchit</a>&nbsp;:</p>
  52. <blockquote><p>Nous nous engageons à garantir la transparence fiscale de notre action. C'est pourquoi nos comptes restent ouverts à tous ceux qui souhaiteraient les consulter.</p>
  53. <p>
  54. Nous espérons ainsi redonner de vraies valeurs à la publicité, en regard d'une association à but non lucratif.</p></blockquote>
  55. <h2>De la publicité non intrusive</h2>
  56. <p>Pas de popups, pas de flash qui clignote dans tous les sens, pas de couleurs criardes, <strong>on reste dans de la publicité informative sans franchir la barrière de la pollution visuelle</strong>. C'est vraiment quelque chose que je trouve important et qui peut clairement détruire toute l'harmonie d'un design de devoir ajouter de la publicité qui ne respecte pas certaines règles esthétiques. Je n'ai pas trouvé si c'était mentionné dans les règles des annonceurs mais c'est en tout cas ce que j'ai pu constater en faisant défiler les bannières présentes sur le site.</p>
  57. <h2>Des besoins en développement web</h2>
  58. <p>Bon en fait j'ai été contacté à la base pour donner un coup de main, un peu par hasard, grâce à <a href="https://larlet.fr/david/biologeek/archives/20050209-magpie-rss-installation-et-utilisations-en-tout-genre-du-parser-php/">mon billet sur magpierss</a> mais j'ai malheureusement très peu de temps en ce moment et je ne peux pas m'engager dans ce type de projet à ce stade de mon développement, quelques petites améliorations du week-end mais pas plus. Je viens de passer une heure au téléphone avec le président de l'association qui a des objectifs très clairs et les idées bien en place sur ce qu'il veut faire et avec qui je partage de nombreux objectifs éthico-écologiques. N'hésitez pas à <a href="http://www.goodaction.org/contact-goodaction.php">le contacter</a> <strong>si vous souhaitez aussi donner un petit peu de votre temps en tant que professionnel du web pour une action qui en vaut la peine</strong>. Les besoins ne sont pas énormes et ne demandent pas des compétences extraordinaires non plus (pas besoin de s'appeler Micah ;-)) mais ils sont assez critiques pour la pérennité du projet, ça serait dommage vu le travail déjà accompli&nbsp;!</p>
  59. <p>Alors, bientôt <a href="https://larlet.fr/david/biologeek/archives/20070429-de-la-publicite-sur-biologeek/">de la publicité sur biologeek ?</a> Peut-être, affaire à suivre, il faut que j'en parle à <a href="http://apinc.org/">mon hébergeur préféré</a> avant.</p>
  60. <p><a href="http://www.goodaction.org"><img src="/static/david/biologeek/images/good_action.png" alt="Good Action&nbsp;: de la pub pour la planète" style="display:block; margin:0 auto;" /></a></p>
  61. </div>
  62. </article>
  63. <footer>
  64. <h6 property="schema:datePublished">— 15/12/2007</h6>
  65. </footer>
  66. </section>
  67. <section>
  68. <div>
  69. <h3>Articles peut-être en rapport</h3>
  70. <ul>
  71. <li><a href="/david/biologeek/archives/20050322-economisez-cette-eau-que-je-ne-saurais-boire/" title="Accès à Economisez cette eau que je ne saurais boire !">Economisez cette eau que je ne saurais boire !</a></li>
  72. <li><a href="/david/biologeek/archives/20110112-resolutions-decouvrir-concretiser-et-transmettre/" title="Accès à ★ Résolutions : découvrir, concrétiser et transmettre">★ Résolutions : découvrir, concrétiser et transmettre</a></li>
  73. <li><a href="/david/biologeek/archives/20090102-bilan-apres-une-annee-de-freelance/" title="Accès à ★ Bilan après une année de freelance">★ Bilan après une année de freelance</a></li>
  74. </ul>
  75. </div>
  76. </section>
  77. <section>
  78. <div id="comments">
  79. <h3>Commentaires</h3>
  80. <div class="comment" typeof="schema:UserComments">
  81. <p class="comment-meta">
  82. <span class="comment-author" property="schema:creator">SkiT</span> le <span class="comment-date" property="schema:commentTime">18/12/2007</span> :
  83. </p>
  84. <div class="comment-content" property="schema:commentText">
  85. <p>Bonjour !<br />
  86. Ce projet semble vraiment intéressant ! Pouvoir financer, via un blog, des projets humanitaires et environnementaux est vraiment une très bonne idée. Puis la transparence fiscale prouve le sérieux de cette association.<br />
  87. Bref, un système publicitaire qui risque fortement de voir le jour sur mon blog.</p>
  88. </div>
  89. </div>
  90. <div class="comment" typeof="schema:UserComments">
  91. <p class="comment-meta">
  92. <span class="comment-author" property="schema:creator">Gael - Danger Santé</span> le <span class="comment-date" property="schema:commentTime">16/01/2008</span> :
  93. </p>
  94. <div class="comment-content" property="schema:commentText">
  95. <p>La pub éthique sur internet, mouais...<br />
  96. <br />
  97. Attention aux pièges!<br />
  98. <br />
  99. J'ai testé google back une semaine, et j'en pouvais plus! overdose de ce fond noir horrible :)</p>
  100. </div>
  101. </div>
  102. <div class="comment" typeof="schema:UserComments">
  103. <p class="comment-meta">
  104. <span class="comment-author" property="schema:creator">cauchie</span> le <span class="comment-date" property="schema:commentTime">11/07/2008</span> :
  105. </p>
  106. <div class="comment-content" property="schema:commentText">
  107. <p>merci pour ce que vous faites^pour la sauvegarde de la planete</p>
  108. </div>
  109. </div>
  110. <div class="comment" typeof="schema:UserComments">
  111. <p class="comment-meta">
  112. <span class="comment-author" property="schema:creator">andria trips</span> le <span class="comment-date" property="schema:commentTime">07/10/2008</span> :
  113. </p>
  114. <div class="comment-content" property="schema:commentText">
  115. <p>est ce que ce projet va prendre vie</p>
  116. </div>
  117. </div>
  118. <div class="comment" typeof="schema:UserComments">
  119. <p class="comment-meta">
  120. <span class="comment-author" property="schema:creator">Marie</span> le <span class="comment-date" property="schema:commentTime">22/01/2009</span> :
  121. </p>
  122. <div class="comment-content" property="schema:commentText">
  123. <p>Bonjour tout le monde. <br />Je peux vous affirmer qu&#39;aujourd&#39;hui ce projet est une réalité ! De nombreuses entreprises se sont engagées et leur soutien financier permet de réaliser les projets d&#39;association comme wwf ou encore culture aventure. <br />J&#39;applaudis particulièrement l&#39;initiative d&#39;un de ses partenaires financiers : CycloVille, un concept de transport écologique spécialement adapté à la circulation en centre ville. Le but est d&#39;offrir un transport peux coûteux pour les petits déplacements au coeur de la ville.<br />Afin de limiter le prix de la course, les vélos taxis utilisés pour le transport des personnes sont aussi utilisés comme supports d&#39;affichage publicitaires mobiles écolo (impression avec des encres légères). <br />Je vous laisse découvrir leur site : <a href="http://www.cycloville.com">http://www.cycloville.com</a></p>
  124. </div>
  125. </div>
  126. <div class="comment" typeof="schema:UserComments">
  127. <p class="comment-meta">
  128. <span class="comment-author" property="schema:creator">Wabstemer</span> le <span class="comment-date" property="schema:commentTime">25/11/2010</span> :
  129. </p>
  130. <div class="comment-content" property="schema:commentText">
  131. <p>Salut moi je dis ca fait plaisir , enfin je veux dire que c&#39;est pas si compliqué de réalisé des choses utiles et instructives notamment maintenant à voir, il faut que cela grandisse ou soit plus médiatisé</p>
  132. </div>
  133. </div>
  134. <div class="comment" typeof="schema:UserComments">
  135. <p class="comment-meta">
  136. <span class="comment-author" property="schema:creator">shop</span> le <span class="comment-date" property="schema:commentTime">12/01/2011</span> :
  137. </p>
  138. <div class="comment-content" property="schema:commentText">
  139. <p>Une vieille initative dont on n&#39;entend plus parler. C&#39;est dommage, je suis sensible à l&#39;impact sur l&#39;écologie de tout ce que nous pouvons faire. Ca parassait prometteur pourtant.</p>
  140. </div>
  141. </div>
  142. </div>
  143. </section>
  144. <footer>
  145. <nav>
  146. <p>
  147. <small>
  148. Je réponds quasiment toujours aux <a href="m&#x61;ilto:d&#x61;vid%40l&#x61;rlet&#46;fr" title="Envoyer un email">emails</a> (<a href="/david/signature/" title="Ma signature actuelle avec possibilité de chiffrement">signés</a>) et vous pouvez me rencontrer à Montréal. <span class="more-infos">N’hésitez pas à <a href="/david/log/" title="Être tenu informé des mises à jour">vous abonner</a> pour être tenu informé des publications récentes.</span>
  149. </small>
  150. </p>
  151. </nav>
  152. </footer>
  153. </div>
  154. <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  155. <script data-no-instant>InstantClick.init()</script>
  156. </body>
  157. </html>