CINXE.COM

Guide de la publicité en ligne 2021

<!DOCTYPE html> <html lang="en"><head><title>Guide de la publicité en ligne 2021</title><meta name="description" content="Découvrez des données et stratégies pour mieux répartir votre budget entre les différents canaux publicitaires numériques, et comprendre l'évolution du secteur de la publicité."><meta charset="utf-8"><meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"><meta http-equiv="content-type" content="text/html;charset=utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><link rel="shortcut icon" href="/l/126241/2018-02-12/4xvlgf/126241/58462/favicon.ico"><link rel="stylesheet" href="/l/126241/2018-02-07/4xgdgh/126241/58182/bootstrap.css"><script src="/l/126241/2018-05-04/59gs6y/126241/64368/jquery_3.3.1.min.js"></script><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M4Z343H');</script><style> @import url('https://www2.criteo.com/l/126241/2021-05-18/7lz86q/126241/1621342964r51T2O0s/fonts.css'); </style><!--General page styling--><style> body { font-family: 'Hurme Geometric Sans 1 Regular', sans-serif; color: #2a2e33; background-color: #F8F9FB; font-size: 16px; line-height: 26px; } a { color: #fe5000; } .row { padding: 0px 20px; } strong { font-family: 'Hurme Geometric Sans 1 Black', sans-serif; } .h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 { font-family: 'Hurme Geometric Sans 1 Black', sans-serif; } h1 { font-size: 45px; line-height: 50px; margin-top: 0px; margin-bottom: 40px; } h2 { font-size: 32px; line-height: 49px; margin-top: 0px; margin-bottom: 32px; } h3 { font-size: 24px; line-height: 40px; margin-bottom: 28px; } h4 { font-size: 20px; line-height:28px; margin-bottom: 24px; } .logo img { max-width: 150px; width: 100%; margin-left: -20px; } .header { margin:0 auto; width:100%!important; height:auto!important; padding: 20px 0px; background-color: #ffffff; } .button_primary { background-color: #fe5000; color: #ffffff; font-family: 'Hurme Geometric Sans 1 Bold', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0; line-height: 26px; text-align: center; border-radius: 20px; text-decoration: none !important; padding: 12px 25px; } .button_secondary { background-color: #ffffff; color: #fe5000; border: 1px solid #fe5000; font-family: 'Hurme Geometric Sans 1 Bold', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0; line-height: 26px; text-align: center; border-radius: 20px; text-decoration: none !important; padding: 12px 25px; } .mobile_only { display: none; } ol { list-style: none; counter-reset: any-name; padding: 0px 10px; } ol li { counter-increment: any-name; margin: 0px 0px 16px; } ol li:before { content: counter(any-name); border-radius:50%; color: #F37723; height: 26px; width: 26px; border: 2px solid #F37723; text-align: center; display: inline-block; box-sizing:border-box; font-size:14px; font-weight: bold; margin: 0px 26px 10px 0px; } ul { list-style: none; padding: 0px 10px; } ul li { display: block; margin: 0px 0px 16px 50px; } ul li:before { content: url(https://www2.criteo.com/l/126241/2020-04-30/7b5kzd/126241/127623/check_square.svg); display: inline-block; box-sizing:border-box; position: absolute; margin: 0px 0px 10px -50px; } footer { padding: 35px 0 30px 0; color: #b5bac0; line-height: 16px; background-color: #2a2e33; } footer div.label { font-size: 12px; font-weight: normal; padding: 0px; } footer .col-md-3 { margin-bottom:20px; } footer a { color: #d4d6d7; text-decoration: underline; margin-right: 10px; font-size: 11px; } footer a:hover{ color: #b5bac0; opacity: .5; text-decoration: underline; } @media screen and (max-width: 770px) { .logo { text-align: center; } .logo img { margin-left: 0px; } p { font-size: 17px; line-height: 27px; margin-bottom: 24px; } .h1, .h2, .h3, .h4, h1, h2, h3, h4 { margin-bottom: 32px; } h1 { font-size: 32px; line-height: 41px; } h2 { font-size: 24px; line-height: 40px; } h3 { font-size: 22px; line-height:34px; } h4 { font-size: 18px; line-height: 24px; } footer img.footer { max-width:150px !important; margin:0px auto 20px !important; } } </style><style> .content { margin-top: 73px; } .left-column { padding-right: 100px; } .section1 { margin-bottom: 48px; } .section1 p { font-size: 20px; line-height: 33px; } .section2 { margin-bottom: 48px; } .section3, .form { margin-bottom: 90px; } .subfooter { text-align: center; padding: 5px 0px; font-size: 14px; line-height: 22px; letter-spacing: 3px; } .bar hr { margin: 10px 0px; color: #fe5000; border-top: 1px solid; } .bar { text-transform: uppercase; } .logo-section { margin-top: 40px; margin-bottom: 90px; } .logo-section img { text-align: center; width: 80%; max-width: 200px; height: auto; display: inline-block; } @media screen and (max-width: 770px) { .content { margin-top: 64px; } .left-column { padding-right: 20px; } .section1 { margin-bottom: 40px; } .section2 { margin-bottom: 40px; } .section3, .form { margin-bottom: 64px; } .bar hr { margin: 20px 0px; } } @media screen and (max-width: 480px) { .bar hr { margin: 30px 0px; } } </style><!--General form styling--><style> #pardot-form.form { background-color: #ffffff; padding: 56px 40px 80px; } #pardot-form p { font-size: 20px; line-height: 33px; } #pardot-form a { font-family: 'Hurme Geometric Sans 1 Bold', sans-serif; } #pardot-form span.description { font-size: 12px; } #pardot-form span { display: block; line-height:20px; } #pardot-form p.disclaimer { font-size: 10px; font-weight:normal; margin-top:10px; line-height: 12px; } #pardot-form input.text { width:100%; box-sizing:border-box; padding: 14.5px 23px; font-size: 14px; line-height: 22px; border: 1px solid #2a2e33; border-radius: 2px; opacity: 1; } #pardot-form input.text:focus { border-color:#3c434a; box-shadow:none; } #pardot-form select { width:100%; box-sizing:border-box; padding: 14.5px 28px 14.5px 23px; font-size: 14px; line-height: 22px; background: #ffffff url('https://www2.criteo.com/l/126241/2020-05-07/7b8tsd/126241/128375/Drop_Down_1.svg') 95% center no-repeat; border: 1px solid #2a2e33; border-radius: 2px; opacity: 1; -moz-appearance: none; -webkit-appearance: none; appearance: none; } #pardot-form select::-ms-expand { display: none; } #pardot-form select:focus{ border-color:#3c434a; box-shadow:none; } #pardot-form textarea { width:100%; box-sizing:border-box; padding: 14.5px 23px; font-size: 14px; line-height: 22px; border: 1px solid #2a2e33; border-radius: 2px; opacity: 1; } #pardot-form textarea:focus{ border-color:#3c434a; box-shadow:none; } #pardot-form p.form-field { margin-bottom: 16px; } #pardot-form p.first_name { width: 48%; display: inline-block; float: left; } #pardot-form p.last_name { width: 48%; display: inline-block; float: right; } #pardot-form p.pd-checkbox label.field-label, #pardot-form p.pd-radio label.field-label { display: block !important; visibility: visible !important; opacity: 1 !important; font-size: 14px; letter-spacing: 0; line-height: 22px; } #pardot-form input[type="checkbox"] { width: 16px; height: 16px; border: 1px solid #2a2e33; -webkit-appearance: none; border-radius: 0px; margin: 3px 0px; vertical-align: middle; } #pardot-form input[type="checkbox"]:checked { background: url('https://www2.criteo.com/l/126241/2017-07-14/45zydb/126241/43545/form_checkbox_tick.png'); } #pardot-form input[type="checkbox"]:active { box-shadow: none; } #pardot-form input[type="checkbox"]:focus { box-shadow: none; outline: 0; } #pardot-form label.inline { float: none; width: 100%; margin: auto; margin-left: 10px; font-weight: normal; font-size: 14px; line-height: 22px; color: #2a2e33; display: inline; } #pardot-form p.submit { margin-top: 33px; margin-bottom: 40px; } #pardot-form p.submit input { background-color: #fe5000; color: #ffffff; font-family: 'Hurme Geometric Sans 1 Bold', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0; line-height: 26px; text-align: center; border-radius: 20px; border: 0px; text-decoration: none; padding: 12px 25px; min-width: 160px; box-shadow: none; } #pardot-form p.errors { color:#fe5000; font-size:16px; } #pardot-form p.error { color:#fe5000; font-size:14px; } #pardot-form p.error input { background-position: 100%; background-image: url(https://www2.criteo.com/l/126241/2015-12-17/3q4b/126241/3237/criteo_form_error_cross.png); background-repeat: no-repeat; } @media screen and (max-width: 425px) { #pardot-form.form { padding: 56px 20px 40px; } } </style><meta name="robots" content="noindex"><script type="text/javascript" src="https://www2.criteo.com/js/piUtils.js?ver=2021-09-20"></script><script type="text/javascript"> piAId = '127241'; piCId = '49987'; piHostname = 'www2.criteo.com'; (function() { function async_load(){ var s = document.createElement('script'); s.type = 'text/javascript'; s.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + piHostname + '/pd.js'; var c = document.getElementsByTagName('script')[0]; c.parentNode.insertBefore(s, c); } if(window.attachEvent) { window.attachEvent('onload', async_load); } else { window.addEventListener('load', async_load, false); } })(); </script></head><body> <div class="header"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="logo" pardot-region="logo" data-id="60679" data-hml-enabled="1"><a href="https://www.criteo.com/fr"><img alt="Criteo Logo" src="https://storage.pardot.com/126241/58528/criteo_logo.png"></a></div> </div> </div> </div> </div> <div class="content"> <div class="container"> <div class="row"> <div class="col-md-7 left-column"> <div class="section1" pardot-region="header" data-id="60669" data-hml-enabled="1"><h1>Guide de la publicité en ligne 2021</h1> <p>Repenser les budgets et les canaux pour un parcours client inédit</p></div> <div class="section2" pardot-region="image" data-id="60677" data-hml-enabled="1"><p><img class="img-responsive" src="https://www2.criteo.com/l/126241/2021-04-15/7l429l/126241/1618583591Z746yzo4/21_Images_GBL_DAM_Core_FR_Slide6.png"><br><img class="img-responsive" src="https://www2.criteo.com/l/126241/2021-04-15/7l429j/126241/1618583366L4qIdBIr/21_Images_GBL_DAM_Core_FR_Slide7_8.png"></p></div> <div class="section3" pardot-region="copy" data-id="60671" data-hml-enabled="1"><p>Les budgets consacrés à la publicité en ligne sont en hausse. Or, plus le budget est important, plus la pression augmente pour investir dans les bons canaux et prouver l’importance du moindre euro dépensé. </p> <p>Téléchargez notre Guide pour trouver le bon équilibre entre canaux performants et nouvelles stratégies, afin d'atteindre vos objectifs commerciaux. Mais ce n'est pas tout : cernez l’évolution de la publicité en ligne et comment y faire face.</p> <p><strong>BONUS : </strong>remplissez ce formulaire pour recevoir d’autres informations sur la planification de campagnes et l'avenir de la personnalisation.</p> <p><strong>Grâce à ce guide, découvrez :</strong></p> <ul><li><strong>Des benchmarks budgétaires. </strong>Comment d'autres spécialistes du marketing dépensent leur budget sur les canaux en ligne. </li> <li><strong>L'opportunité qui changera tout pour votre entreprise. </strong>Cinq nouveaux canaux publicitaires à tester, et comment mesurer les performances de vos campagnes.</li> <li><strong>Plus d’informations sur les défis à relever par l'ensemble du secteur. </strong>Comment faire face à des problématiques telles que la protection de la vie privée des consommateurs, la réputation des marques, ou encore la diversification des dépenses publicitaires.</li> </ul></div> </div> <div class="col-md-5"> <div class="form"> <form accept-charset="UTF-8" method="post" action="https://www2.criteo.com/fr-2021-digital-advertising-manual" class="form" id="pardot-form"> <style type="text/css"> form.form p label { color: #333333; } </style><p>Découvrez notre guide dès maintenant !</p> <p class="form-field first_name pd-text required "> <label class="field-label" for="126241_136495pi_126241_136495">Prénom</label> <input type="text" name="126241_136495pi_126241_136495" id="126241_136495pi_126241_136495" value="" class="text" size="30" maxlength="40" onchange="" onfocus=""><span id="error_for_126241_136495pi_126241_136495" style="display:none"></span> </p> <p class="form-field last_name pd-text required "> <label class="field-label" for="126241_136497pi_126241_136497">Nom</label> <input type="text" name="126241_136497pi_126241_136497" id="126241_136497pi_126241_136497" value="" class="text" size="30" maxlength="80" onchange="" onfocus=""><span id="error_for_126241_136497pi_126241_136497" style="display:none"></span> </p> <p class="form-field email pd-text required "> <label class="field-label" for="126241_136499pi_126241_136499">Adresse e-mail professionnelle</label> <input type="text" name="126241_136499pi_126241_136499" id="126241_136499pi_126241_136499" value="" class="text" size="30" maxlength="255" onchange="" onfocus=""><span id="error_for_126241_136499pi_126241_136499" style="display:none"></span> </p> <p class="form-field company pd-text required "> <label class="field-label" for="126241_136503pi_126241_136503">Société</label> <input type="text" name="126241_136503pi_126241_136503" id="126241_136503pi_126241_136503" value="" class="text" size="30" maxlength="255" onchange="" onfocus=""><span id="error_for_126241_136503pi_126241_136503" style="display:none"></span> </p> <p class="form-field country pd-select required "> <label class="field-label" for="126241_136507pi_126241_136507">Pays</label> <select name="126241_136507pi_126241_136507" id="126241_136507pi_126241_136507" class="select" onchange=""><option value="" selected></option><option value="1962133">France</option><option value="1962135">Afghanistan</option><option value="1962137">Afrique du Sud</option><option value="1962139">Albanie</option><option value="1962141">Algérie</option><option value="1962143">Allemagne</option><option value="1962145">Andorre</option><option value="1962147">Angola</option><option value="1962149">Anguilla</option><option value="1962151">Antarctique</option><option value="1962153">Antigua-et-Barbuda</option><option value="1962155">Arabie Saoudite</option><option value="1962157">Argentine</option><option value="1962159">Arménie</option><option value="1962161">Aruba</option><option value="1962163">Australie</option><option value="1962165">Autriche</option><option value="1962167">Azerbaïdjan</option><option value="1962169">Bahamas</option><option value="1962171">Bahreïn</option><option value="1962173">Bangladesh</option><option value="1962175">Barbade</option><option value="1962177">Belgique</option><option value="1962179">Belize</option><option value="1962181">Bénin</option><option value="1962183">Bermudes</option><option value="1962185">Bhoutan</option><option value="1962187">Biélorussie</option><option value="1962189">Birmanie</option><option value="1962191">Bolivie</option><option value="1962193">Bonaire, Saint-Eustache et Saba</option><option value="1962195">Bosnie-Herzégovine</option><option value="1962197">Botswana</option><option value="1962199">Brésil</option><option value="1962201">Brunei</option><option value="1962203">Bulgarie</option><option value="1962205">Burkina Faso</option><option value="1962207">Burundi</option><option value="1962209">Cambodge</option><option value="1962211">Cameroun</option><option value="1962213">Canada</option><option value="1962215">Cap-Vert</option><option value="1962217">Chili</option><option value="1962219">Chine</option><option value="1962221">Chypre</option><option value="1962223">Colombie</option><option value="1962225">Comores</option><option value="1962227">Congo</option><option value="1962229">Congo, République du</option><option value="1962231">Corée, République de</option><option value="1962233">Costa Rica</option><option value="1962235">Côte d'Ivoire</option><option value="1962237">Croatie</option><option value="1962239">Curaçao</option><option value="1962241">Danemark</option><option value="1962243">Djibouti</option><option value="1962245">Dominique</option><option value="1962247">Égypte</option><option value="1962249">El Salvador</option><option value="1962251">Émirats Arabes Unis</option><option value="1962253">Équateur</option><option value="1962255">Érythrée</option><option value="1962257">Espagne</option><option value="1962259">Estonie</option><option value="1962261">États-Unis</option><option value="1962263">Éthiopie</option><option value="1962265">Fidji</option><option value="1962267">Finlande</option><option value="1962269">Gabon</option><option value="1962271">Gambie</option><option value="1962273">Géorgie</option><option value="1962275">Ghana</option><option value="1962277">Gibraltar</option><option value="1962279">Grèce</option><option value="1962281">Grenade</option><option value="1962283">Groenland</option><option value="1962285">Guam</option><option value="1962287">Guatemala</option><option value="1962289">Guernesey</option><option value="1962291">Guinée</option><option value="1962293">Guinée équatoriale</option><option value="1962295">Guinée-Bissau</option><option value="1962297">Guyana</option><option value="1962299">Haïti</option><option value="1962301">Honduras</option><option value="1962303">Hong Kong</option><option value="1962305">Hongrie</option><option value="1962307">Île Bouvet</option><option value="1962309">Île Christmas</option><option value="1962311">Île de Man</option><option value="1962313">Île Heard et îles McDonald</option><option value="1962315">Île Norfolk</option><option value="1962317">Îles Aland</option><option value="1962319">Îles Caïmans</option><option value="1962321">Îles Cocos [Keeling]</option><option value="1962323">Îles Cook</option><option value="1962325">Iles Féroé</option><option value="1962327">Îles Malouines</option><option value="1962329">Îles Mariannes du Nord</option><option value="1962331">Îles Marshall</option><option value="1962333">Îles mineures éloignées des États-Unis</option><option value="1962335">Îles Pitcairn</option><option value="1962337">Îles Salomon</option><option value="1962339">Îles Turques et Caïques</option><option value="1962341">Îles Vierges britanniques</option><option value="1962343">Îles Vierges des États-Unis</option><option value="1962345">Inde</option><option value="1962347">Indonésie</option><option value="1962349">Irak</option><option value="1962351">Irlande</option><option value="1962353">Islande</option><option value="1962355">Israël</option><option value="1962357">Italie</option><option value="1962359">Jamaïque</option><option value="1962361">Japon</option><option value="1962363">Jersey</option><option value="1962365">Jordanie</option><option value="1962367">Kazakhstan</option><option value="1962369">Kenya</option><option value="1962371">Kirghizistan</option><option value="1962373">Kiribati</option><option value="1962375">Kosovo</option><option value="1962377">Koweït</option><option value="1962379">Laos</option><option value="1962381">Lesotho</option><option value="1962383">Lettonie</option><option value="1962385">Liban</option><option value="1962387">Liberia</option><option value="1962389">Libye</option><option value="1962391">Liechtenstein</option><option value="1962393">Lituanie</option><option value="1962395">Luxembourg</option><option value="1962397">Macao</option><option value="1962399">Macédoine</option><option value="1962401">Madagascar</option><option value="1962403">Malaisie</option><option value="1962405">Malawi</option><option value="1962407">Maldives</option><option value="1962409">Mali</option><option value="1962411">Malte</option><option value="1962413">Maroc</option><option value="1962415">Maurice</option><option value="1962417">Mauritanie</option><option value="1962419">Mexique</option><option value="1962421">Micronésie</option><option value="1962423">Moldavie</option><option value="1962425">Monaco</option><option value="1962427">Mongolie</option><option value="1962429">Monténégro</option><option value="1962431">Montserrat</option><option value="1962433">Mozambique</option><option value="1962435">Namibie</option><option value="1962437">Nauru</option><option value="1962439">Népal</option><option value="1962441">Nicaragua</option><option value="1962443">Niger</option><option value="1962445">Nigeria</option><option value="1962447">Niué</option><option value="1962449">Norvège</option><option value="1962451">Nouvelle-Calédonie</option><option value="1962453">Nouvelle-Zélande</option><option value="1962455">Oman</option><option value="1962457">Ouganda</option><option value="1962459">Ouzbékistan</option><option value="1962461">Pakistan</option><option value="1962463">Palaos</option><option value="1962465">Panama</option><option value="1962467">Papouasie-Nouvelle-Guinée</option><option value="1962469">Paraguay</option><option value="1962471">Pays-Bas</option><option value="1962473">Pérou</option><option value="1962475">Philippines</option><option value="1962477">Pologne</option><option value="1962479">Polynésie française</option><option value="1962481">Porto Rico</option><option value="1962483">Portugal</option><option value="1962485">Qatar</option><option value="1962487">République Centrafricaine</option><option value="1962489">République dominicaine</option><option value="1962491">République Tchèque</option><option value="1962493">Roumanie</option><option value="1962495">Royaume-Uni</option><option value="1962497">Russie</option><option value="1962499">Rwanda</option><option value="1962501">Saint Pierre et Miquelon</option><option value="1962503">Saint Vincent et les Grenadines</option><option value="1962505">Saint-Barthélemy</option><option value="1962507">Saint-Christophe-et-Niévès</option><option value="1962509">Saint-Marin</option><option value="1962511">Saint-Siège</option><option value="1962513">Sainte-Hélène, Ascension et Tristan da Cunha</option><option value="1962515">Samoa</option><option value="1962517">Samoa américaines</option><option value="1962519">Sao Tomé-et-Principe</option><option value="1962521">Sénégal</option><option value="1962523">Serbie</option><option value="1962525">Seychelles</option><option value="1962527">Sierra Leone</option><option value="1962529">Singapour</option><option value="1962531">Slovaquie</option><option value="1962533">Slovénie</option><option value="1962535">Somalie</option><option value="1962537">Soudan</option><option value="1962539">Soudan du Sud</option><option value="1962541">Sri Lanka</option><option value="1962543">Suède</option><option value="1962545">Suisse</option><option value="1962547">Suriname</option><option value="1962549">Svalbard et Jan Mayen</option><option value="1962551">Swaziland</option><option value="1962553">Tadjikistan</option><option value="1962555">Taïwan</option><option value="1962557">Tanzanie</option><option value="1962559">Tchad</option><option value="1962561">Territoires Palestiniens</option><option value="1962563">Thaïlande</option><option value="1962565">Timor oriental</option><option value="1962567">Togo</option><option value="1962569">Tokelau</option><option value="1962571">Tonga</option><option value="1962573">Trinité et Tobago</option><option value="1962575">Tunisie</option><option value="1962577">Turkménistan</option><option value="1962579">Turquie</option><option value="1962581">Tuvalu</option><option value="1962583">Ukraine</option><option value="1962585">Uruguay</option><option value="1962587">Vanuatu</option><option value="1962589">Venezuela</option><option value="1962591">Viêt Nam</option><option value="1962593">Wallis et Futuna</option><option value="1962595">Yémen</option><option value="1962597">Zambie</option><option value="1962599">Zimbabwe</option></select><span id="error_for_126241_136507pi_126241_136507" style="display:none"></span> </p> <p class="form-field Contact_Type pd-select required form-field-primary"> <label class="field-label" for="126241_136509pi_126241_136509">Je suis</label> <select name="126241_136509pi_126241_136509" id="126241_136509pi_126241_136509" class="select" onchange=""><option value="" selected></option><option value="1962601">Annonceur</option><option value="1962603">Agence</option><option value="1962605">Éditeur</option><option value="1962607">Journaliste/presse</option><option value="1962609">Analyste de l’industrie/Influenceur</option></select><span id="error_for_126241_136509pi_126241_136509" style="display:none"></span> </p> <p class="form-field Job_Role pd-select required "> <label class="field-label" for="126241_136505pi_126241_136505">Fonction principale</label> <select name="126241_136505pi_126241_136505" id="126241_136505pi_126241_136505" class="select" onchange=""><option value="" selected></option><option value="1962111">PDG</option><option value="1962113">Directeur Marketing</option><option value="1962115">VP</option><option value="1962117">Directeur</option><option value="1962119">Manager</option><option value="1962121">Analyste</option><option value="1962123">Associé</option><option value="1962125">Coordinateur</option><option value="1962127">Apprenti/Stagiaire</option><option value="1962129">Étudiant/Chercheur</option><option value="1962131">Autre</option></select><span id="error_for_126241_136505pi_126241_136505" style="display:none"></span> </p> <p class="form-field Email_Opt_In pd-checkbox no-label "> <span class="value"><span><input type="checkbox" name="126241_136513pi_126241_136513_1962625" id="126241_136513pi_126241_136513_1962625" value="1962625" onchange=""><label class="inline" for="126241_136513pi_126241_136513_1962625">Oui, je souhaite recevoir occasionnellement des informations promotionnelles à propos des produits, services et événements de Criteo, y compris les actualités et annonces de Criteo. Je peux choisir de ne plus recevoir d’e-mails à tout moment.</label></span></span> <span id="error_for_126241_136513pi_126241_136513" style="display:none"></span> </p> <p class="form-field utm_campaign pd-hidden hidden "> <input type="hidden" name="126241_136515pi_126241_136515" id="126241_136515pi_126241_136515" value=""><span id="error_for_126241_136515pi_126241_136515" style="display:none"></span> </p> <p style="position:absolute; width:190px; left:-9999px; top: -9999px;visibility:hidden;"> <label for="pi_extra_field">Comments</label> <input type="text" name="pi_extra_field" id="pi_extra_field"></p> <!-- forces IE5-8 to correctly submit UTF8 content --> <input name="_utf8" type="hidden" value="☃"><p class="submit"> <input class="btn btn--primary" type="submit" accesskey="s" value="Envoyer  →"></p> <script type="text/javascript" src="https://www2.criteo.com/dcjs/126241/562/dc.js?asset_type=form&amp;asset_id=14607"></script><script type="text/javascript"> //<![CDATA[ var anchors = document.getElementsByTagName("a"); for (var i=0; i<anchors.length; i++) { var anchor = anchors[i]; if(anchor.getAttribute("href")&&!anchor.getAttribute("target")) { anchor.target = "_top"; } } //]]> </script><input type="hidden" name="hiddenDependentFields" id="hiddenDependentFields" value=""></form><script type="text/javascript">(function(){ pardot.$(document).ready(function(){ (function() { var $ = window.pardot.$; window.pardot.FormDependencyMap = [{"primary_field_html_id":"126241_136509pi_126241_136509","secondary_field_html_id":"126241_136511pi_126241_136511","primary_field_value":"publisher;\u00c9diteur"},{"primary_field_html_id":"126241_136509pi_126241_136509","secondary_field_html_id":"126241_136511pi_126241_136511","primary_field_value":"advertiser;Annonceur"},{"primary_field_html_id":"126241_136509pi_126241_136509","secondary_field_html_id":"126241_185445pi_126241_185445","primary_field_value":"publisher;\u00c9diteur"},{"primary_field_html_id":"126241_136509pi_126241_136509","secondary_field_html_id":"126241_185445pi_126241_185445","primary_field_value":"advertiser;Annonceur"}]; $('.form-field-primary input, .form-field-primary select').each(function(index, input) { $(input).on('change', window.piAjax.checkForDependentField); window.piAjax.checkForDependentField.call(input); }); })(); });})();</script></div> </div> </div> </div> </div> <div class="subfooter"> <div class="bar"> <div class="container"> <div class="row"> <div class="col-xs-2 col-sm-2 col-md-3"> <hr></div> <div class="col-xs-8 col-sm-8 col-md-6" pardot-region="bar" data-id="61401" data-hml-enabled="1"><p>PLUS DE 20 000 ENTREPRISES DU MONDE ENTIER NOUS FONT DEJA CONFIANCE</p></div> <div class="col-xs-2 col-sm-2 col-md-3"> <hr></div> </div> </div> </div> <div class="logo-section"> <div class="container"> <div class="row" pardot-region="logos" data-id="60673" data-hml-enabled="1"><div class="col-md-4"><img class="img-responsive" src="https://www.criteo.com/wp-content/uploads/2017/07/cbs-logos-brands-costco.svg" style="max-height: 60px"></div> <div class="col-md-4"><img class="img-responsive" src="https://www.criteo.com/wp-content/uploads/2017/07/cbs-logos-retailers-pg.svg" style="max-height: 60px"></div> <div class="col-md-4"><a href="https://www.criteo.com/success-stories/fiat/"><img class="img-responsive" src="https://www.criteo.com/wp-content/uploads/2019/09/Fiat.svg" style="max-height: 50px; padding-top: 10px"></a></div></div> </div> </div> </div> <footer class="footer"><div class="container"> <div class="row"> <div pardot-region="footer-logo" class="col-md-2"> <a href="https://www.criteo.com" class="logo"> <img src="https://www2.criteo.com/l/126241/2021-05-19/7lztqs/126241/16214113827ZAJhqKp/Criteo_Logo_White.png" alt="Criteo logo"></a> </div> <div class="col-md-10"> <div pardot-region="privacy" data-id="60675" data-hml-enabled="1"><p></p><div class="col-md-3 p-2 p-md-1"> <div aria-level="4" class="label mb-1" role="heading">PROTECTION DES DONNÉES</div> <div role="navigation"><span><a href="https://www.criteo.com//fr/privacy/">Politique de confidentialité</a> </span> <span> <a href="https://www.criteo.com//fr/corporate-privacy-policy/"> Politique de confidentialité du site web</a> </span> <span> <a href="https://www.criteo.com//fr/criteo-privacy-guidelines-for-clients-and-publisher-partners/"> Directives de confidentialité pour les clients et éditeurs partenaires</a> </span> <span> <a href="javascript:Cookiebot.renew()"> Gestion des cookies</a> </span></div> </div> <div class="col-md-3 p-2 p-md-1"> <div aria-level="4" class="label mb-1" role="heading">MENTIONS LÉGALES</div> <div role="navigation"><span><a href="https://www.criteo.com//fr/terms-and-conditions/">Conditions générales</a> </span> <span> <a href="https://www.criteo.com//fr/legal/"> Mentions légales</a> </span> <span> <a href="https://www.criteo.com//fr/supply-partner-guidelines/"> Charte éditoriale de Criteo</a> </span> <span> <a href="https://www.criteo.com//fr/advertising-guidelines/"> Charte publicitaire de Criteo</a> </span> <span> <a href="https://www.criteo.com//fr/privacy/our-partners/"> Plate-formes prises en charge</a> </span></div> </div> <div class="col-md-3 p-2 p-md-1"> <div aria-level="4" class="label mb-1" role="heading">À LA UNE</div> <div role="navigation"><span><a href="https://www.criteo.com//fr/quest-ce-que-le-retargeting-votre-guide-complet/">Retargeting</a> </span> <span> <a href="https://www.criteo.com//fr/customer-acquisition-for-commerce-marketing/"> Acquisition Client</a> </span> <span> <a href="https://www.criteo.com//fr/customer-targeting-for-commerce-marketing/"> Ciblage</a> </span> <span> <a href="https://www.criteo.com//fr/app-advertising/"> App Advertising</a> </span></div> </div> <div class="col-md-3 p-2 p-md-1"> <div aria-level="4" class="label mb-1" role="heading">NOTES POUR LE ROYAUME-UNI</div> <div role="navigation"><span><a href="https://www.criteo.com/wp-content/uploads/2023/06/20230419-Modern-Slavery-Statement-2023-TDAP.pdf">Déclaration de conformité au Modern Slavery Act</a> </span> <span> <a href="https://www.criteo.com/wp-content/uploads/2019/11/2019-Tax-Strategy-UK-Subsidiaries.pdf"> Stratégie fiscale</a> </span></div> </div> <div class="container" style="display:inline-block;"> <div class="row equality-caption"> <div class="col-md-12"> <div aria-level="4" role="heading" style="font-weight: 600; color: white;">Au titre de l’index égalité femme homme l’UES Criteo a atteint la note de 92 sur 100</div> <div role="navigation"> </div> </div> </div> </div> </div> </div> </div> </div> </footer><!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascript" src="https://www2.criteo.com/l/126241/2018-02-08/4xk2qr/126241/58256/selectivizr_min.js"></script> <![endif]--><script src="https://www2.criteo.com/l/126241/2018-02-08/4xk2qh/126241/58248/app.min.js"></script><script type="text/javascript"> /** * Browser fixes */ if(!document.getElementsByClassName) { document.getElementsByClassName = function(className) { return this.querySelectorAll("." + className); }; Element.prototype.getElementsByClassName = document.getElementsByClassName; } function isIE() { var myNav = navigator.userAgent.toLowerCase(); return (myNav.indexOf('msie') != -1) ? parseInt(myNav.split('msie')[1]) : false; } /** * Convert labels to placeholders * * In our design, we don't want (at the moment) any labels to show as we * have limited real-estate. This will set the label that is set as the * placeholder. * * @param array formFields - The list of form fields which contain the forms * @param array possibleFormTags - The possible form tags that exist to loop through */ function convertLabelsToPlaceholders(formFields, possibleFormTags) { for(var i = 0; i < formFields.length; i++) { var label = formFields[i].getElementsByClassName('field-label')[0]; var labelValue = (label == undefined ? '' : label.innerHTML); // Loop our possible field variables, super compatible! for(var p = 0; p < possibleFormTags.length; p++) { value = possibleFormTags[p]; var formInput = formFields[i].getElementsByTagName(value); if(formInput.length > 0) { if (formInput[0].parentElement.classList.contains('required')) { labelValue = labelValue + '*'; } // If it is a select box, we don't have a placeholder. We instead set // the empty variable to be our label. if(value === 'select') { formInput[0].childNodes[0].innerHTML = labelValue; formInput[0].childNodes[0].value = ""; // For dependent select fields (managed by pardot) don't set the required attribute as this is managed on the parent element if (formInput[0].parentElement.classList.contains('dependentFieldSlave')) { // don't set as required } else { formInput[0].setAttribute("required", ""); } } else { // Otherwise we set the placeholder if(!isIE() || isIE() > 9) { formInput[0].setAttribute("placeholder", labelValue); } else { // Put in a placeholder workaround formInput[0].value = labelValue; formInput[0].labelValue = labelValue; var clearFormValue = function(elem){ if(elem.srcElement.value == elem.srcElement.labelValue) { elem.srcElement.value = ""; } } if(formInput[0].addEventListener) { formInput[0].addEventListener("focus", clearFormValue); } else { formInput[0].attachEvent("onfocus", clearFormValue); } } } } // If we have gotten this far, we know we have, in some way, moved the // label. We can now hide it if (label != undefined){ label.style.display = 'none'; label.style.visibility = 'hidden'; label.style.opacity = 0; } } } } /** * If an error message exists, once the user types into the sibling text * field it will hide that error. * * @param array formFields - The list of form fields which contain the forms and errors * @param array possibleFormTags - The possible form tags that exist to loop through */ function removeErrorsOnEvent(formFields, possibleFormTags) { for(var j = 0; j < formFields.length; j++) { var error = formFields[j].getElementsByClassName('error'); if(error.length > 0) { for(var k = 0; k < possibleFormTags.length; k++) { // Add an event listener var tag = possibleFormTags[k]; var formInput = formFields[j].getElementsByTagName(tag); if(formInput.length > 0) { // Link up the error so we can access inside the event formInput[0].linkedErrorMessage = error[0]; var hideInput = function(elem) { elem.srcElement.linkedErrorMessage.style.display = "none"; elem.srcElement.linkedErrorMessage.style.visibility = "hidden"; elem.srcElement.linkedErrorMessage.style.opacity = 0; } // On keyup in the field, hide the error if (formInput[0].addEventListener) { formInput[0].addEventListener("keyup", hideInput); formInput[0].addEventListener("change", hideInput); } else { formInput[0].attachEvent("onkeyup", hideInput); formInput[0].attachEvent("onchange", hideInput); } } } } } } /** * Whatever is passed to the URL (e.g. https://pardot.com/my/form?${queryStringKey}=foo), * the foo in this will be set as the body class. * * The purpose is to be able to restyle the form based on a body class, and so to * be able to maintain a design from a single layout template in pardot. * * @param string - queryStringKey - The key to look for and set from */ function setBodyStyleToQueryString(queryStringKey) { // Find a match var matches = location.search.match( new RegExp(queryStringKey+"=([a-zA-Z0-9\-_]+)")); if(matches !== null && matches.length >= 2) { // Set body class document.getElementsByTagName('body')[0].className += matches[1] + " "; // Append this to the form action document.getElementsByTagName('form')[0].action += "?&"+queryStringKey+"="+matches[1]; } } var ff = document.getElementsByClassName("form-field"); var pft = ['input', 'select', 'textarea']; // Bootstrap all functions setBodyStyleToQueryString('pillar'); setBodyStyleToQueryString('button-align'); convertLabelsToPlaceholders(ff, pft); removeErrorsOnEvent(ff, pft); </script><script> /*** The following code blocks submissions containing http or www in the first name field.*/ document.querySelector('form').addEventListener('submit', function(e) { var firstName = getValueFromPardotField('first_name'); if (firstName && (firstName.includes("http") || firstName.includes("www"))) { e.preventDefault(); alert("Invalid first name"); return false; } }); var getValueFromPardotField = function(fieldName) { var fieldParagraph$ = $('p.' + fieldName); if(fieldParagraph$.hasClass('pd-radio')) { return fieldParagraph$.find('input[type=radio]:checked').next('label').text(); } else if(fieldParagraph$.hasClass('pd-select')) { return fieldParagraph$.find('option:selected').prop('label'); } else if(fieldParagraph$.hasClass('pd-text')) { return fieldParagraph$.find('input[type=text]').val(); } else if(fieldParagraph$.hasClass('pd-checkbox')) { var checkboxes$ = fieldParagraph$.find('input[type=checkbox]'); if(checkboxes$.length > 1) { return checkboxes$.map(function(index, cb) { return { label : $(cb).next().text(), value : $(cb).prop('checked') }; }).get(); } else { return checkboxes$.prop('checked'); } } return undefined; }; </script><script> document.addEventListener('DOMContentLoaded', function() { // Scan the page for any elements with the class 'error' var errorElement = document.querySelector('span.error'); if (errorElement) { console.log('Submission failed'); // Check if the current window is not an iframe if (window.self === window.top) { // Fire a GTM datalayer event if it's not an iframe window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'Form Submission Failure' }); } else { // Send a message to the parent window if it is an iframe window.parent.postMessage(JSON.stringify({ event: "Form Submission Failure" }), '*'); } } }); </script></body></html>

Pages: 1 2 3 4 5 6 7 8 9 10