<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://static.qiota.com/assets/landing-page.css"/> <link rel="stylesheet" href="https://static.qiota.com/assets/primeflex.min.css"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" charset="utf-8"></script> <script src="https://static.qiota.com/assets/getQiotaPay.js"></script> <script> var tarif_id = null; var tarif_data = null; var user_id = null; var formules_available = null; </script> <style type="text/css"> input[name=type_abo] {display: none !important;} label[for=type_abo] {display: none !important;} .loader { border: 5px solid #f3f3f3; border-radius: 50%; border-top-color: inherit; width: 40px; height: 40px; animation: spin 2s linear infinite; margin: auto; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } </style> <script type="text/javascript" src="https://static.qiota.com/assets/fbuuid-generator.js"></script> <script type="text/javascript" src="https://news.google.com/swg/js/v1/swg.js" subscriptions-control="manual"></script> <script src="https://moncompte.lexpress.fr/swg/external/qiota.js"></script> <link rel="stylesheet" type="text/css" href="https://news.google.com/swg/js/v1/swg-button.css"> </head> <body> <div id="landing-page" class="typo-container" style=""> <div class="p-text-center p-mb-5"><img src="https://connexion.lexpress.fr/images/logo-xpr-article.svg" height="" width="50%"> </div> <div class="p-text-center p-mb-5"><div class="typo-list"><button data-toggle="collapse" data-target="#collapse-typo-0" class="typo" aria-expanded="true"><div class="c-button">Mensuel</div></button><button data-toggle="collapse" data-target="#collapse-typo-1" class="typo collapsed" aria-expanded="false"><div class="c-button">Annuel</div></button></div></div> <div id="collapse-typo-0" data-parent=".typo-container" class="p-grid p-jc-center collapse show"><div class="p-col-12"><div class="p-grid p-jc-center product_list"><button data-toggle="collapse" data-target="#collapse-form-0-0" class="nav-link one_product p-text-center p-col-10 p-sm-6 p-md-4 p-shadow-6 p-m-3" aria-expanded="true"><h2 style="font-size: 20pt;">L'Express digital 1 an 109 € reconductible</h2> <hr> <p style="font-size: 26pt; font-weight: bold;">109,00 €</p> <p>L'Express digital 1 an 109 € reconductible</p> <div class="c-button">Je m'abonne</div></button><button data-toggle="collapse" data-target="#collapse-form-0-1" class="nav-link one_product p-text-center p-col-10 p-sm-6 p-md-4 p-shadow-6 p-m-3 collapsed" aria-expanded="false"><h2 style="font-size: 20pt;">L'Express digital 1 € pour 2 mois puis 12,99 € par mois</h2> <hr> <p style="font-size: 26pt; font-weight: bold;">1,00 €</p> <p>L'Express digital 1 € pour 2 mois puis 12,99 € par mois</p> <div class="c-button">Je m'abonne</div></button><button data-toggle="collapse" data-target="#collapse-form-0-2" class="nav-link one_product p-text-center p-col-10 p-sm-6 p-md-4 p-shadow-6 p-m-3 collapsed" aria-expanded="false"><h2 style="font-size: 20pt;">L'Express papier + digital 1 € pour 2 mois puis 14,99 €/mois</h2> <hr> <p style="font-size: 26pt; font-weight: bold;">1,00 €</p> <p>L'Express papier + digital 1 € pour 2 mois puis 14,99 €/mois</p> <div class="c-button">Je m'abonne</div></button></div></div> <div class="p-col-12 p-sm-10 p-lg-6 p-p-3 p-mt-5 product_list_forms p-md-8 product-container-0"><div id="collapse-form-0-0" data-parent=".product-container-0" class="collapse show"><div class="p-text-center"> <h2 style="font-size: 20pt;">L'Express digital 1 an 109 € reconductible</h2> <hr style="margin-top: 24px; margin-bottom: 24px;"></div> <div id="user-errors" role="alert" class="alert alert-danger" style="display: none;"></div> <form id="main-form-1204" data-id="1204" class="p-grid p-fluid"> <input type="hidden" id="data-tarifs-1204" data-tarif="{"id":1204,"reference":"EXW-365-DL-10900-P-10900","name":"L'Express digital 1 an 109 € reconductible","description":"L'Express digital 1 an 109 € reconductible","image_large":null,"price":10900,"tax":null,"active":0,"live":null,"id_abm":null,"created_at":"2023-08-01T09:13:24.000Z","updated_at":"2023-08-01T09:13:24.000Z","id_admin":119,"recur":0,"origin":"mahalo","type_product":null}"> <div class="p-field p-col-12 p-text-center"> </div> </form></div><div id="collapse-form-0-1" data-parent=".product-container-0" class="collapse"><div class="p-text-center"> <h2 style="font-size: 20pt;">L'Express digital 1 € pour 2 mois puis 12,99 € par mois</h2> <hr style="margin-top: 24px; margin-bottom: 24px;"></div> <div id="user-errors" role="alert" class="alert alert-danger" style="display: none;"></div> <form id="main-form-1202" data-id="1202" class="p-grid p-fluid"> <input type="hidden" id="data-tarifs-1202" data-tarif="{"id":1202,"reference":"EXW-60-DL-100-P-1299","name":"L'Express digital 1 € pour 2 mois puis 12,99 € par mois","description":"L'Express digital 1 € pour 2 mois puis 12,99 € par mois","image_large":null,"price":100,"tax":null,"active":0,"live":null,"id_abm":null,"created_at":"2023-08-01T09:07:34.000Z","updated_at":"2023-08-01T09:07:34.000Z","id_admin":119,"recur":0,"origin":"mahalo","type_product":null}"> <div class="p-field p-col-12 p-text-center"> </div> </form></div><div id="collapse-form-0-2" data-parent=".product-container-0" class="collapse"><div class="p-text-center"> <h2 style="font-size: 20pt;">L'Express papier + digital 1 € pour 2 mois puis 14,99 €/mois</h2> <hr style="margin-top: 24px; margin-bottom: 24px;"></div> <div id="user-errors" role="alert" class="alert alert-danger" style="display: none;"></div> <form id="main-form-1203" data-id="1203" class="p-grid p-fluid"> <input type="hidden" id="data-tarifs-1203" data-tarif="{"id":1203,"reference":"EXPW-8-DL-100-P-1499","name":"L'Express papier + digital 1 € pour 2 mois puis 14,99 €/mois","description":"L'Express papier + digital 1 € pour 2 mois puis 14,99 €/mois","image_large":null,"price":100,"tax":null,"active":0,"live":null,"id_abm":null,"created_at":"2023-08-01T09:13:14.000Z","updated_at":"2023-08-01T09:13:14.000Z","id_admin":119,"recur":0,"origin":"mahalo","type_product":null}"> <div class="p-field p-col-12 p-text-center"> </div> </form></div></div></div><div id="collapse-typo-1" data-parent=".typo-container" class="p-grid p-jc-center collapse"><div class="p-col-12"><div class="p-grid p-jc-center product_list"><button data-toggle="collapse" data-target="#collapse-form-1-0" class="nav-link one_product p-text-center p-col-10 p-sm-6 p-md-4 p-shadow-6 p-m-3" aria-expanded="true"><h2 style="font-size: 20pt;">Offre integrale 1er mois offert puis 11,90€ /mois</h2> <hr> <p style="font-size: 26pt; font-weight: bold;">0,00 €</p> <p>Offre integrale 1er mois offert puis 11,90€ /mois</p> <div class="c-button">Je m'abonne</div></button><button data-toggle="collapse" data-target="#collapse-form-1-1" class="nav-link one_product p-text-center p-col-10 p-sm-6 p-md-4 p-shadow-6 p-m-3 collapsed" aria-expanded="false"><h2 style="font-size: 20pt;">L'Express digital 1 an 109 € reconductible</h2> <hr> <p style="font-size: 26pt; font-weight: bold;">109,00 €</p> <p>L'Express digital 1 an 109 € reconductible</p> <div class="c-button">Je m'abonne</div></button><button data-toggle="collapse" data-target="#collapse-form-1-2" class="nav-link one_product p-text-center p-col-10 p-sm-6 p-md-4 p-shadow-6 p-m-3 collapsed" aria-expanded="false"><h2 style="font-size: 20pt;">L'Express papier + digital 1 an 139 € reconductible</h2> <hr> <p style="font-size: 26pt; font-weight: bold;">139,00 €</p> <p>L'Express papier + digital 1 an 139 € reconductible</p> <div class="c-button">Je m'abonne</div></button></div></div> <div class="p-col-12 p-sm-10 p-lg-6 p-p-3 p-mt-5 product_list_forms p-md-8 product-container-1"><div id="collapse-form-1-0" data-parent=".product-container-1" class="collapse show"><div class="p-text-center"> <h2 style="font-size: 20pt;">Offre integrale 1er mois offert puis 11,90€ /mois</h2> <hr style="margin-top: 24px; margin-bottom: 24px;"></div> <div id="user-errors" role="alert" class="alert alert-danger" style="display: none;"></div> <form id="main-form-512" data-id="512" class="p-grid p-fluid"> <input type="hidden" id="data-tarifs-512" data-tarif="{"id":512,"reference":"EXPW-4-DL-0-P","name":"Offre integrale 1er mois offert puis 11,90€ /mois","description":"Offre integrale 1er mois offert puis 11,90€ /mois","image_large":null,"price":0,"tax":null,"active":0,"live":null,"id_abm":null,"created_at":"2022-06-14T09:42:24.000Z","updated_at":"2022-10-05T14:32:44.000Z","id_admin":119,"recur":0,"origin":"mahalo","type_product":null}"> <div class="p-field p-col-12 p-text-center"> </div> </form></div><div id="collapse-form-1-1" data-parent=".product-container-1" class="collapse"><div class="p-text-center"> <h2 style="font-size: 20pt;">L'Express digital 1 an 109 € reconductible</h2> <hr style="margin-top: 24px; margin-bottom: 24px;"></div> <div id="user-errors" role="alert" class="alert alert-danger" style="display: none;"></div> <form id="main-form-1204" data-id="1204" class="p-grid p-fluid"> <input type="hidden" id="data-tarifs-1204" data-tarif="{"id":1204,"reference":"EXW-365-DL-10900-P-10900","name":"L'Express digital 1 an 109 € reconductible","description":"L'Express digital 1 an 109 € reconductible","image_large":null,"price":10900,"tax":null,"active":0,"live":null,"id_abm":null,"created_at":"2023-08-01T09:13:24.000Z","updated_at":"2023-08-01T09:13:24.000Z","id_admin":119,"recur":0,"origin":"mahalo","type_product":null}"> <div class="p-field p-col-12 p-text-center"> </div> </form></div><div id="collapse-form-1-2" data-parent=".product-container-1" class="collapse"><div class="p-text-center"> <h2 style="font-size: 20pt;">L'Express papier + digital 1 an 139 € reconductible</h2> <hr style="margin-top: 24px; margin-bottom: 24px;"></div> <div id="user-errors" role="alert" class="alert alert-danger" style="display: none;"></div> <form id="main-form-1205" data-id="1205" class="p-grid p-fluid"> <input type="hidden" id="data-tarifs-1205" data-tarif="{"id":1205,"reference":"EXPW-52-DL-13900-P-13900","name":"L'Express papier + digital 1 an 139 € reconductible","description":"L'Express papier + digital 1 an 139 € reconductible","image_large":null,"price":13900,"tax":null,"active":0,"live":null,"id_abm":null,"created_at":"2023-08-01T09:13:34.000Z","updated_at":"2023-08-01T09:13:34.000Z","id_admin":119,"recur":0,"origin":"mahalo","type_product":null}"> <div class="p-field p-col-12 p-text-center"> </div> </form></div></div></div> <div><p class="ql-align-justify">Offre valable pour toute nouvelle souscription d’un abonnement à L'Express jusqu'au 31/12/2024. Le premier mois est à 1 euro pour toute première souscription à un abonnement mensuel. Au-delà de ce premier mois, à défaut de résiliation, reconduction tacite de l'abonnement au prix de base toutes les 4 semaines. Le client peut à tout moment demander la résiliation de son abonnement à L'Express. Cette résiliation prendra effet le dernier jour de la période d'abonnement en cours.</p><p class="ql-align-justify">Pour gérer vos demandes et abonnements, le Groupe L'Express est amené à traiter des données personnelles. Pour plus d'informations sur vos droits et l'utilisation de vos données, consultez notre <a href="https://www.lexpress.fr/pratique/politique-protection-donnees-personnelles.html" rel="noopener noreferrer" target="_blank" style="background-color: rgb(255, 255, 255);">politique de confidentialité</a>.</p><p class="ql-align-justify"><br></p></div></div><style type="text/css">#landing-page { background-color: #; color: #333333; max-width: 1010px; margin: auto; }#landing-page .product_list div.c-button { font-weight: bold; background-color: #ffffff; color: #333333; }#landing-page .product_list_forms button.form-button { font-weight: bold; background-color: #333333; color: #ffffff; }#landing-page .product_list_forms button.form-button-sso { font-weight: bold; background-color: #333333; color: #ffffff; }#landing-page .one_product { padding: 2.5rem; border-radius: 3px; border: 0; }#landing-page .one_product.collapsed { color: #333333; background-color: #ffffff; }#landing-page .one_product:not(.collapsed) { color: #ffffff; background-color: #333333; }#landing-page .one_product hr { margin-top: 24px; }#landing-page .one_product.collapsed hr { background-color: #333333; }#landing-page .one_product:not(.collapsed) hr { background-color: #ffffff; }#landing-page .one_product.promote { border: 3px solid; }#landing-page .one_product.promote.collapsed { border-color: #333333; }#landing-page .one_product.promote:not(.collapsed) { border-color: #ffffff; }#landing-page .ql-align-right { text-align: right; }#landing-page .ql-align-center { text-align: center; }#landing-page .ql-align-left { text-align: left; }#landing-page button.typo { padding: 2px; border: none; background-color: transparent; }#landing-page button.typo div.c-button { font-weight: bold; color: #ffffff; background-color: #333333; }#landing-page button.typo:not(.collapsed) div.c-button { background-color: #ffffff; color: #333333 }#landing-page .typo-list { display: inline-block; margin: 0 1rem; border-radius: 24px; background-color: #333333; color: #ffffff; }#landing-page [id^="main-form"] a {text-decoration: underline;}#landing-page [id^="login-form"] a {text-decoration: underline;}#login-form .form-button {font-weight: bold; background-color: #333333; color: #ffffff;}</style><script>/*********************************************************/ /*********** PAGE OFFRE - LP CATALOGUE MULTI COMPTES id: 1235 **********/ /*********************************************************/ const commonCss = document.createElement('link'); commonCss.setAttribute('rel', 'stylesheet'); commonCss.type = 'text/css'; commonCss.setAttribute( 'href', 'https://static.lexpress.fr/upload/landing-page/typography-v1.css', ); document.head.append(commonCss); function toggleClass(element, className) { element?.classList?.toggle(className); } const isPreProd = document.location.hostname === 'beta.qiota.com' || document.location.hostname === 'qiota.abonnement.lexpress.fr'; // Map générale des offres dispos et ids correspondants, confirme l'ordre (susceptible de changer) const targetsArray = [ { targetId: '0-0', tunnelPreProdId: '1106', tunnelProdId: '6343', type: 'essentiel', duration: 'mensuel', }, { targetId: '0-1', tunnelPreProdId: '1115', tunnelProdId: '6351', type: 'famille', duration: 'mensuel', }, { targetId: '0-2', tunnelPreProdId: '1111', tunnelProdId: '6347', type: 'integral', duration: 'mensuel', }, { targetId: '1-0', tunnelPreProdId: '1108', tunnelProdId: '6345', type: 'essentiel', duration: 'annuel', }, { targetId: '1-1', tunnelPreProdId: '1117', tunnelProdId: '6353', type: 'famille', duration: 'annuel', }, { targetId: '1-2', tunnelPreProdId: '1113', tunnelProdId: '6349', type: 'integral', duration: 'annuel', }, ]; // Plus de données sur chaque offre (moins susceptible de changer) const offersData = { essentiel: { mensuel: { swg_sku: 'swg_mensuel_3_mois_pour_0.99_euro_12.99', swg_price_raw: '0.99', swg_price_label: '0,99€ pour 3 mois avec Google', price_label_1: '1€ le premier mois', price_label_2: 'Puis 12,99€ par mois', price_raw: '12.99', noContract: true, label: 'Mensuel', }, annuel: { swg_sku: 'swg_annuel_1_an_54.50e_109e', swg_price_raw: '54.50', swg_price_label: '-50% avec Google soit 54,50€', price_label_1: '109€ par an', price_label_2: 'Soit 9,09€ par mois au lieu de 12,99€', price_raw: '109', noContract: false, label: 'Annuel', }, static: { title: 'ESSENTIEL', lowercase_title: 'Essentiel', description: '100% Digital', includesPrint: false, includesSharing: false, nbAccounts: 1, }, }, famille: { mensuel: { swg_sku: 'swg_mensuel_3_mois_pour_0.99_euro_15.99', swg_price_raw: '0.99', swg_price_label: '0,99€ pour 3 mois avec Google', price_label_1: '1€ le premier mois', price_label_2: 'Puis 15,99€ par mois', price_raw: '15.99', noContract: true, label: 'Mensuel', }, annuel: { swg_sku: 'swg_annuel_1_an_69.50e_139e', swg_price_raw: '69.50', swg_price_label: '-50% avec Google soit 69,50€', price_label_1: '139€ par an', price_label_2: 'Soit 11,59€ par mois au lieu de 15,99€', price_raw: '139', noContract: false, label: 'Annuel', }, static: { title: 'FAMILLE', lowercase_title: 'Famille', description: '100% Digital', includesPrint: false, includesSharing: true, nbAccounts: 4, }, }, integral: { mensuel: { price_label_1: '1€ le premier mois', price_label_2: 'Puis 21,99€ par mois', price_raw: '21.99', noContract: true, label: 'Mensuel', }, annuel: { swg_sku: '', swg_price_raw: '', price_label_1: '199€ par an', price_label_2: 'Soit 16,59€ par mois au lieu de 21,99€', price_raw: '199', noContract: false, label: 'Annuel', }, static: { title: 'INTÉGRAL', lowercase_title: 'Intégral', description: 'Digital + Papier', includesPrint: true, includesSharing: true, nbAccounts: 4, }, }, }; (function () { function qs(q) { return document.querySelector(q); } function qsa(q) { return document.querySelectorAll(q); } function style(s, r) { b = qs('body style'); b.textContent += '\n' + s + '{' + r + '}'; } function div(c, t) { return '<div class="' + c + '">' + t + '</div>'; } function before(s, e) { qs(s).insertAdjacentHTML('beforebegin', e); } function after(s, e) { qs(s).insertAdjacentHTML('afterend', e); } var spartan = 'font-family:Spartan;font-style:normal;font-display:swap;', spartan1 = 'unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;', spartan2 = 'unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;'; style( '@font-face', 'font-family:TiemposHeadline;font-weight:500;src:url("https://static.lexpress.fr/fonts/tiempos_headline/TiemposHeadline-Medium.eot");src:url("https://static.lexpress.fr/fonts/tiempos_headline/TiemposHeadline-Medium.eot?#iefix") format("embedded-opentype"),url("https://static.lexpress.fr/fonts/tiempos_headline/TiemposHeadline-Medium.woff") format("woff"),url("https://static.lexpress.fr/fonts/tiempos_headline/TiemposHeadline-Medium.ttf") format("truetype");', ); style( '@font-face', 'font-family:TiemposHeadline;font-weight:600;src:url("https://static.lexpress.fr/fonts/tiempos_headline/TiemposHeadline-Semibold.eot");src:url("https://static.lexpress.fr/fonts/tiempos_headline/TiemposHeadline-Semibold.eot?#iefix") format("embedded-opentype"),url("https://static.lexpress.fr/fonts/tiempos_headline/TiemposHeadline-Semibold.woff") format("woff"),url("https://static.lexpress.fr/fonts/tiempos_headline/TiemposHeadline-Semibold.ttf") format("truetype");', ); style( '@font-face', spartan + 'font-weight:500;src:url(https://fonts.gstatic.com/s/spartan/v13/l7gAbjR61M69yt8Z8w6FZf9WoBxdBrG3uV6HABTdfw.woff2) format("woff2");' + spartan1, ); style( '@font-face', spartan + 'font-weight:500;src:url(https://fonts.gstatic.com/s/spartan/v13/l7gAbjR61M69yt8Z8w6FZf9WoBxdBrG3uV6JABQ.woff2) format("woff2");' + spartan2, ); style( '@font-face', spartan + 'font-weight:600;src:url(https://fonts.gstatic.com/s/spartan/v13/l7gAbjR61M69yt8Z8w6FZf9WoBxdBrFbvl6HABTdfw.woff2) format("woff2");' + spartan1, ); style( '@font-face', spartan + 'font-weight:600;src:url(https://fonts.gstatic.com/s/spartan/v13/l7gAbjR61M69yt8Z8w6FZf9WoBxdBrFbvl6JABQ.woff2) format("woff2");' + spartan2, ); style( '@font-face', spartan + 'font-weight:800;src:url(https://fonts.gstatic.com/s/spartan/v13/l7gAbjR61M69yt8Z8w6FZf9WoBxdBrEFvl6HABTdfw.woff2) format("woff2");' + spartan1, ); style( '@font-face', spartan + 'font-weight:800;src:url(https://fonts.gstatic.com/s/spartan/v13/l7gAbjR61M69yt8Z8w6FZf9WoBxdBrEFvl6JABQ.woff2) format("woff2");' + spartan2, ); style('body', 'font-family:Spartan; background-color: #f4f4f4;'); style('#landing-page', 'max-width: unset !important;'); style( '.header__content', 'background-color: #fff; display: flex; justify-content: center;align-items: center;', ); style('.punchline', 'width: 100%; max-width: 1010px;'); style('sup', 'top:0;font-size:50%;vertical-align:revert;'); style('a', 'color: inherit;text-decoration: none;'); style( '#landing-page .typo-list', 'background-color: #2b3451!important; color:#2b3451; min-width: 217px; margin-top: 2rem;', ); style( '#landing-page .typo-list div.c-button', 'background-color: #2b3451!important; color: #fff!important; cursor: pointer;', ); style( '.collapsing, .collapse', 'padding-top: 1.2rem; !important; margin-top: -1.70rem !important;', ); // .collapsed est mise sur le bouton mensuel/annuel qui n est pas collapse, donc ci-dessous on cible les boutons collapsed style( '#landing-page .typo-list button:not(.collapsed) div.c-button', 'background-color: #fff!important;color: #2b3451!important;', ); style( '#landing-page .typo-list button.collapsed div.c-button', 'font-weight: 500;', ); style('#landing-page button.typo', 'padding: 4px;'); style( '#landing-page .typo-list .c-button', 'height: 30px;line-height: 30px;font-size: 14px;padding: 0 15px;', ); style( '#landing-page .one_product', 'width: 33%; max-width: 320px; border-radius:5px; display: flex; flex-direction: column; align-items: flex-start; line-height: normal; margin:10px!important;', ); style( '#landing-page .product_list_forms .c-button,#landing-page .product_list .c-button', 'background-color:#e63b11 !important;color:#fff !important;width:100%; height: 40px;transition: 0.3s;', ); style( '#landing-page .product_list .c-button:hover', 'background-color: #D6131F !important;', ); style('.c-form-label', 'text-transform:none;'); style( '.product_list_forms', 'margin-top:0 !important;padding-top:1.5rem !important;', ); style('.ql-align-justify', 'text-align:justify;'); style( '#landing-page > div:nth-child(3),#landing-page > div:nth-child(4)', 'margin-left:0; margin-right:0;', ); style( '.swg-button, .swg-button-dark, .swg-button-light', 'max-width: 420px; width:100%; border-radius: 22px; margin: 1rem auto; cursor: pointer;', ); style( '.item__features', 'display: flex; flex-direction: column; align-items: flex-start; gap: 17px; padding: 0 1.25rem 1.52rem; margin-top: 2.15rem;', ); style( '.item__features > .item__feature:first-child', 'padding-bottom: 15px; border-bottom: 1px solid #979797;', ); style( '.item__feature', 'display: flex; gap: 9.8px; align-items: flex-start;', ); style('.item__feature span', 'text-align: left; display: block;'); style( '.item__features #offer-separator', 'background-color:#979797 !important;', ); style( '.item__price', 'display:flex;align-items:flex-start; flex-direction: column; gap: 7px; margin-bottom: 1rem; text-align: left;', ); style( '.punchline', 'align-items: center;display: flex;justify-content: space-between;', ); style('.punchline__logo-link img', 'width:198px;height:55px;'); style('.punchline__text>*', 'display: block;'); style('.punchline__text', 'display: flex;'); style('.punchline__text a', 'text-decoration: underline;'); style( '.header__content', 'margin: 0 auto;padding-top: 10px;padding-bottom:10px;', ); style( '.footer__links', 'display:flex;flex-flow:wrap;width:100%;align-items:flex-start;justify-content: space-between;padding-top:10px;padding-bottom:100px;margin:40px auto 0;border-top:1px solid #dcdcdc; max-width: 1010px;', ); style('.footer__links > div:last-child', 'display: flex; gap: 1rem;'); style( '#landing-page > div:nth-child(8)', 'max-width: 1010px; margin: 0 auto;', ); style( '#landing-page > div:nth-child(8) > p', 'font-size:11px;font-weight:500;line-height:1.82;color:#999;', ); style( '#landing-page > div:nth-child(8) > p a', 'background-color: unset !important;', ); style( '.picto--check', 'content:"";display:block;min-width:17px;min-height:14px;margin: 2px 2px 0 0;background-image:url("https://static.lexpress.fr/upload/landing-page/picto/check@2x.png");background-size:100%;background-repeat:no-repeat;', ); style( '.picto--cross', 'content:"";display:block;min-width:15px;min-height:15px;margin: 2px 4px 0 0;background-image:url("https://static.lexpress.fr/upload/landing-page/picto/grey-cross.svg");background-size:100%;background-repeat:no-repeat;', ); style( '.picto--buddy', 'content:"";display:block;margin-top: -2px;min-width:19px;min-height:19px;background-image:url("https://static.lexpress.fr/upload/landing-page/picto/buddy.svg");background-size:100%;background-repeat:no-repeat;', ); style( '#landing-page .one_product:not(.collapsed)', 'color: #000;background-color:#fff;', ); style( '.button--red', 'width: 100%; min-width: 215px;height: 40px;box-sizing: border-box;padding: 15px 28px; display: flex; align-items: center; justify-content: center; color: #ffffff;background-color: #e63b11; border-radius: 22px; font-size: 14px;font-weight: 600; text-align: center; transition: 0.3s;', ); style('.button--red:hover', 'background-color: #ce350f; color:#fff;'); style('.footer', 'margin-bottom: 100px;'); style('.footer__separator', 'border: 0;border-top: 1px solid #dcdcdc;'); style('.item__feature__excluded', 'display: none;'); style( '.offer__card', 'display: flex; flex-direction: column; align-items: flex-start; justify-content: center; outline: 2px solid #dcdcdc; border-radius: 5px;', ); style( '.offer__card > *', 'display: flex; flex-direction: column; align-items: flex-start; justify-content: center;', ); style('.item__ctas', 'position: relative; width: 100%; padding: 0 1.25rem;'); style( '.item__ctas__overlay', 'position: absolute; width: 90%; height: 115%; background-color: #fff; opacity: 50%;', ); style( '.offer__card--active', 'outline: 3px solid #2b3451; border-radius: 5px; box-shadow: 5px 5px 9px 0 rgba(0, 0, 0, 0.3); transition: all 0.1s ease-in;', ); style( '.offer__card--active .item__ctas__overlay', 'opacity: 0%; z-index: -5;', ); style('.item__main', 'padding: 1.875rem 1.25rem 0rem; width: 100%;'); style( '.item__header', 'width: 100%; padding: 1.125rem 1.25rem 0.8rem; border-bottom: 1px solid #dcdcdc;', ); style( '.item__header__title::after', "content: ''; display: block; width: 16px; height: 1.5px; background-color: #666; margin-top: 6.5px; margin-bottom: 10.5px;", ); style( '.item__swg', 'margin-top: 15px; height: 100px; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;', ); style( '.item__swg__label', 'text-decoration: underline solid #e63b11 3px; text-underline-offset: 5px;', ); style('.section', 'margin: 64px auto 0; padding: unset; max-width: 1010px;'); style('.offer__cubes', 'display: none;'); style( '.offer__item', 'display: flex; align-items: center; max-width: 100%; margin-top: 1.4rem; margin-bottom: 74px; padding: 28px 30px 26px 20px;border-radius: 5px; background-color: #ffffff;border: solid 1px #dcdcdc; justify-content: space-between; border-left: 5px solid #e63b11;', ); style('.offer__item .button--red', 'max-width: 215px;'); style( '.avantages__abo', 'display: flex; max-width: 100%; margin-bottom: 40px;', ); style('.title-avantages', 'margin-bottom: 30px'); style('.advantage-title', 'margin-bottom: 12px'); style('.avantage-img', 'margin-right: 25px;'); style('.avantage-img img', 'height: 70px;'); style('.faq > a:last-child', 'margin-bottom: 90px; max-width: 215px;'); style( '.faq-items', 'display: block; padding: 16px 20px; max-width: 100%; margin-bottom: 10px; border-radius: 5px; background-color: #ffffff; border: solid 1px #dcdcdc;', ); style( '.faq-item', 'display: flex; align-items: center; max-width: 100%; justify-content: space-between;', ); style('.title-faq', 'margin-bottom: 30px'); style( '.arrow-right', 'font-size: 28px; color: #000000; text-decoration: none; padding-left: 20px;', ); var mobileScreen = window.matchMedia('(max-width: 1024px)'); if (mobileScreen.matches) { style('.punchline', 'width: 90%; margin: 0 auto;'); style('.punchline__logo-link img', 'width:113px;height:33px;'); style( '#landing-page .one_product', 'max-width: 335px; padding: 2rem 1.25rem 1.52rem; margin-left: 20px!important; margin-right: 20px!important;', ); style('.section', 'max-width: 335px; margin: 57px auto;'); style('.c-button', 'padding: 0 20px'); style( '#landing-page .typo-list', 'margin-bottom: 0.5rem; margin-top: 1.75rem;', ); style('.product_list .c-button', 'font-size: 14px;'); style('.mobile--excluded', 'display: none;'); style('#landing-page .one_product.parent__card', 'display: none;'); style( '#landing-page .one_product.parent__card--active', 'display: flex; width: 100%;', ); style('.offer__card', 'display: none;'); style( '.offer__card--active', 'display: flex; outline: 3px solid #2b3451; border-radius: 5px; box-shadow: 5px 5px 9px 0 rgba(0, 0, 0, 0.3); transition: all 0.1s ease-in;', ); style( '.offer__cubes', 'display: flex; gap: 10px; margin-bottom: 1.4rem; margin-top: -7px;', ); style( '.offer__cubes .cube', 'background-color: #ffffff; max-width: 33%; min-width: 105px; display: flex; flex-direction: column; align-items: flex-start; padding: 0.625rem 0.625rem 0.5rem; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); border-radius: 5px;', ); style('.offer__header', 'max-width: 70%; margin: -10px auto;'); style( '.cube.cube--active', 'background-color: #2b3451; box-shadow: unset;', ); style('.cube--active *', 'color: #ffffff;'); style('.cube .item__header__title', 'line-height: 1.75;'); style( '.cube .item__header__title::after', 'margin-top: 3.5px; margin-bottom: 7.5px;', ); style( '.cube--active .item__header__title::after', 'background-color: #ffffff;', ); style( '.picto--white--check', "content: ''; align-self: flex-end; width: 23px; height: 23px; margin-left: 5px; margin-top: 5px;", ); style( '.cube--active .picto--white--check', "background-image:url('https://static.lexpress.fr/upload/landing-page/picto/white-tick.svg');background-size:100%;background-repeat:no-repeat;", ); style('.item__header', 'order: 2; border-bottom: unset; padding-top: 0;'); style('.item__main', 'order: 1;'); style('.item__ctas', 'order: 3;'); style('.item__features', 'order: 4; margin-top: 2.5rem;'); style('.mobile--tweaked.item__header__title', 'margin-bottom: 5px;'); style('.mobile--tweaked.item__header__title::after', 'display: none'); style('#landing-page > div:nth-child(8), .footer__links', 'width: 90%;'); style( '.footer__links > div:last-child', 'flex-wrap: wrap; column-gap: 1rem; margin-top: 20px; row-gap: 20px;', ); style( '.offer__item', 'display: flex;flex-direction: column;max-width: 490px;padding: 1.52rem 1.25rem; margin-left: auto; margin-right: auto; margin-top: 0.9rem;', ); style( '.offer__item .button--red', 'max-width: 100%; margin-top: 1.125rem;', ); style('.item__price', 'margin-bottom: 1.5rem;'); style('.avantage-img img', 'height: 50px;'); style('.faq > a:last-child', 'width: 100%'); } var mobileXs = window.matchMedia('(max-width: 320px)'); if (mobileXs.matches) { style('.punchline__text', 'flex-direction: column;'); } /*******************************************************************/ /*************LANDING PAGE - Modification/Ajout des éléments ******/ /******************************************************************/ // HEADER qs('#landing-page > div:first-child').innerHTML = div( 'header__content', div( 'punchline heading-12', "<a class='punchline__logo-link' href='https://www.lexpress.fr/' ><img src='https://static.lexpress.fr/upload/landing-page/qiota-audio/logo_print_lexpress_rouge@2x.png'></a><div class='punchline__text heading-lg-12 text--strong'><span>Déjà abonné(e) ? </span><a href='https://connexion.lexpress.fr/connexion?referer=PAKz4VRv8D&redirect_uri=https://moncompte.lexpress.fr/callback&uri_referer=https://moncompte.lexpress.fr/&error_uri=https://connexion.lexpress.fr/connexion' class='login-link' >Connectez-vous</a></div>", ), ); before( '#landing-page > div:nth-child(2) > div.typo-list', "<h1 class='offer__header heading-5 heading-lg-1 default-serif line-height-6 line-height-lg-4 text--strong'>Sélectionnez l'offre de votre choix</h1>", ); // MODIFICATION DU TOGGLE const topToggle = document.querySelector( "[data-target='#collapse-typo-1'] .c-button", ); topToggle?.insertAdjacentHTML( 'beforeend', '<span style="color:#ffe066">  -25%</span>', ); // FOOTER (Insertion avant les offres pour + de simplicité au niveau des sélecteurs css) after( '#landing-page > div:nth-child(5)', div( 'footer__links default-sans-serif heading-12 text-gray-700', '<div><a href="https://www.lexpress.fr/">© L\'Express</a></div>' + '<div>' + '<a href="https://www.lexpress.fr/outils/mentions-legales.html">Mentions légales</a>' + '<a href="javascript:Didomi.preferences.show()">Gérer mes cookies</a>' + '<a href="https://www.lexpress.fr/outils/conditions-generales-utilisation.html">CGU/CGV</a>' + '<a href="https://support.lexpress.fr/hc/fr">FAQ</a>' + '<a href="https://support.lexpress.fr/hc/fr/requests/new">Contactez-nous</a>' + '</div>', ), ); // OFFRES // INFOS ADDITIONNELLES ET FONCTIONS UTILITAIRES // Tableau d'objets pour pouvoir ajouter de la configuration (picto notamment) si besoin const benefitsData = [ { label: 'Le magazine livré chez vous chaque jeudi', printOnly: true, }, { label: "Tous les contenus en illimité sur le site et l'application, y compris les articles accessibles en audio", }, { label: 'Une expérience sans publicité pour un meilleur confort de lecture', }, { label: 'Le magazine en version numérique dès 18h la veille de sa parution', }, { label: "Jusqu'à 5 articles à offrir à ses proches tous les mois", }, { label: 'Les newsletters réservées aux abonnés', }, { label: 'Le Cercle de L’Express : des privilèges chez nos partenaires et l’accès à nos événements', }, ]; // OFFRE PAR DEFAUT const defaultOffer = 'famille'; const defaultOfferMobile = 'essentiel'; var uri = '/landing-page/PAKz4VRv8D/'; const urlParams = new URLSearchParams(window.location.search); const uriRefererOrigin = urlParams.get('uri_referer_origin'); // Gestion de la mise en avant de l'offre par défaut function handleActiveCard(target) { const isDefaultOffer = target?.classList?.contains(defaultOffer); const isActive = target?.classList?.contains('offer__card--active'); if ((isDefaultOffer && !isActive) || !isDefaultOffer) { toggleClass(target, 'offer__card--active'); if (!isDefaultOffer) { document.querySelectorAll('.default__offer').forEach((block) => { toggleClass(block, 'offer__card--active'); }); } } } // Gestion de la mise en avant de l'offre par défaut POUR MOBILE function handleActiveCardMobile(cubeTarget, offerType, targets) { const otherBlocks = document.querySelectorAll('.offer__card--active'); targets.forEach((bloc) => { toggleClass(bloc, 'offer__card--active'); toggleClass(bloc.parentElement, 'parent__card--active'); }); if (!cubeTarget.classList.contains('offer__cubes')) { const otherCubes = document.querySelectorAll('.cube--active'); otherCubes.forEach((cube) => { cube.classList.remove('cube--active'); }); const cubesToActivate = document.querySelectorAll(`.cube.${offerType}`); cubesToActivate.forEach((cube) => { cube.classList.add('cube--active'); }); } otherBlocks.forEach((block) => { toggleClass(block, 'offer__card--active'); toggleClass(block.parentElement, 'parent__card--active'); }); } // Création du placeholder des cubes pour le MOBILE const cubes1 = document.createElement('div'); cubes1.classList.add(...['offer__cubes', 'offer__cubes__1']); const cubes2 = document.createElement('div'); cubes2.classList.add(...['offer__cubes', 'offer__cubes__2']); document.querySelector('#collapse-typo-0')?.prepend(cubes1); document.querySelector('#collapse-typo-1')?.prepend(cubes2); // SURCOUCHE POUR CHAQUE OFFRE QIOTA var offers = document.querySelectorAll('[data-target^="#collapse-form-"]'); for (let i = 0; i < offers?.length; i++) { offers[i].innerHTML = ''; const cleanClasses = [ 'p-text-center', 'p-col-10', 'p-sm-6', 'p-md-4', 'p-shadow-6', 'p-m-3', ]; offers[i].classList.remove(...cleanClasses); offers[i].classList.add('parent__card'); offers[i].setAttribute('style', 'padding: 0;'); const offerMap = targetsArray[i]; offers[i].setAttribute('disabled', true); const isMobile = window.matchMedia('(max-width: 1024px)').matches; // SI MOBILE, création des trois blocs sous toggle if (isMobile) { const cube = document.createElement('div'); cube.classList.add(...['cube', `cube-${i}`, `${targetsArray[i]?.type}`]); if (targetsArray[i]?.type === defaultOfferMobile) { cube.classList.add('cube--active'); } cube.innerHTML = ` <div class="item__header__title text--uppercase text-dark-blue heading-12 text--bold">${ offersData[offerMap?.type].static?.title }</div> <div class="text-gray-600 text--medium heading-13 line-height-1">${ offersData[offerMap?.type].static?.description }</div> <div class="text-gray-600 text--medium heading-13 line-height-1">${ offersData[offerMap?.type].static?.nbAccounts } ${ offersData[offerMap?.type].static?.nbAccounts < 2 ? 'compte' : 'comptes' }</div> <div class="picto--white--check"></div>`; // Au clic, cube devient bleu et la carte offre choisie s'affiche cube.addEventListener('click', (event) => { const cardTargets = document.querySelectorAll( `.offer__card.${targetsArray[i]?.type}`, ); handleActiveCardMobile( event.currentTarget, targetsArray[i]?.type, cardTargets, ); }); // Assignation des six cubes à leur volet (2 volets en mobile, toujours 1 caché) if (i < 3) { cubes1?.appendChild(cube); } else { cubes2?.appendChild(cube); } } // GENERATION DE LA CARTE OFFRE (Desktop et mobile) const mainContentOffer = document.createElement('div'); const basicClasses = [ 'default-sans-serif', 'text-gray-700', targetsArray[i]?.type, 'text--bold', 'offer__card', ]; mainContentOffer.classList.add(...basicClasses); if ( offersData[offerMap?.type].static?.title?.toLowerCase() === (isMobile ? defaultOfferMobile : defaultOffer) ) { const addClasses = ['default__offer', 'offer__card--active']; mainContentOffer.classList.add(...addClasses); offers[i].classList.add('parent__card--active'); } mainContentOffer.innerHTML = ` <div class="item__header"> <div class="item__header__title mobile--tweaked text--uppercase text-dark-blue heading-11 heading-lg-9 line-height-2 text--bold">${ offersData[offerMap?.type].static?.title }</div> <div class="text-gray-600 text--medium heading-11 line-height-2">${ offersData[offerMap?.type].static?.description }</div> <div class="text-gray-600 text--medium heading-11 line-height-2 mobile--excluded">${ offersData[offerMap?.type].static?.nbAccounts } ${ offersData[offerMap?.type].static?.nbAccounts < 2 ? 'compte' : 'comptes' }</div> </div> <div class="item__main"> <div class="item__price"> <div class="text--uppercase text-red heading-9 text--bold">${ offersData[offerMap?.type][offerMap?.duration]?.price_label_1 }</div> <div class="${ offerMap?.duration === 'mensuel' ? 'heading-10' : 'heading-12' } text--bold">${ offersData[offerMap?.type][offerMap?.duration]?.price_label_2 }</div> <div class="heading-11 text--medium"> ${ offersData[offerMap?.type][offerMap?.duration]?.noContract ? 'Sans engagement' : '' } </div> </div> </div> `; // BLOC BOUTONS S'ABONNER const itemCtas = document.createElement('div'); itemCtas.classList.add('item__ctas'); const overlay = document.createElement('div'); overlay.classList.add(...['item__ctas__overlay', 'mobile--excluded']); itemCtas.appendChild(overlay); const ctaAbo = document.createElement('a'); ctaAbo.setAttribute( 'href', uri + (isPreProd ? offerMap?.tunnelPreProdId : offerMap?.tunnelProdId) + '?uri_referer_origin=' + uriRefererOrigin, ); ctaAbo.setAttribute('target', '_self'); ctaAbo.setAttribute( 'id', `cta-exp-${offerMap?.type}-${offerMap?.duration}`, ); ctaAbo.setAttribute('data-target', `#collapse-form-${offerMap?.targetId}`); ctaAbo.classList.add( ...[ 'heading-11', 'text--strong', 'js-button', 'button--red', 'tracking-cta', ], ); ctaAbo.textContent = "S'abonner"; itemCtas.appendChild(ctaAbo); // CTA S'abonner avec Google const googleBox = document.createElement('div'); googleBox.classList.add('item__swg'); const googleUnavailable = `<span class="text-gray-500 heading-11 text--medium line-height-2">La prise d'abonnement avec Google n'est pas disponible pour cette offre</span>`; if (!offersData[offerMap?.type][offerMap?.duration]?.swg_sku) { googleBox.insertAdjacentHTML('beforeend', googleUnavailable); if (!isMobile) { itemCtas.appendChild(googleBox); } } else { const swgButton = document.createElement('button'); swgButton.setAttribute( 'id', `cta-swg-${offerMap?.type}-${offerMap?.duration}`, ); swgButton.classList.add( ...['jsx-1254560066', 'swg-button', 'swg-button-light', 'tracking-cta'], ); swgButton.setAttribute( 'data-swg-product-skus', offersData[offerMap?.type][offerMap?.duration]?.swg_sku, ); swgButton.setAttribute('title', "S'abonner avec Google"); swgButton.role = 'button'; swgButton.lang = 'fr'; swgButton.addEventListener('click', (event) => { event.stopPropagation(); }); googleBox.insertAdjacentHTML( 'beforeend', '<span style="display:block;" class="heading-11 text--strong">ou</span>', ); googleBox.appendChild(swgButton); googleBox.insertAdjacentHTML( 'beforeend', `<span style="display:block;" class="item__swg__label heading-11 heading-lg-12 text--bold">${ offersData[offerMap?.type][offerMap?.duration]?.swg_price_label }</span>`, ); itemCtas.appendChild(googleBox); } mainContentOffer.appendChild(itemCtas); // LISTE D'AVANTAGES ABONNES const benefitsList = document.createElement('div'); benefitsList.classList.add('item__features'); const itemsDefClasses = [ 'text--strong', 'heading-11', 'item__feature', 'line-height-2', ]; const sharingBenefit = document.createElement('div'); sharingBenefit.classList.add(...itemsDefClasses); sharingBenefit.classList.toggle( 'text-gray-500', !offersData[offerMap?.type]?.static?.includesSharing, ); sharingBenefit.style = 'width: 100%;'; sharingBenefit.innerHTML = offersData[offerMap?.type]?.static.nbAccounts < 4 ? '<div class="picto picto--cross"></div><span class="text--bold text-gray-500">Accès multi-comptes</span>' : `<div class="picto picto--buddy"></div><span class="text--bold">Accès inclus pour ${ offersData[offerMap?.type]?.static.nbAccounts } comptes</span>`; benefitsList?.appendChild(sharingBenefit); benefitsData.forEach((benefit) => { const benefitItem = document.createElement('div'); benefitItem.classList.add(...itemsDefClasses); benefitItem.innerHTML = `<div class="picto ${ !offersData[offerMap?.type]?.static?.includesPrint && benefit.printOnly ? 'picto--cross' : 'picto--check' }"></div><span class="${ !offersData[offerMap?.type]?.static?.includesPrint && benefit.printOnly ? 'text-gray-500' : '' }">${benefit.label}</span> `; benefitsList.appendChild(benefitItem); }); // SI DESKTOP, ajout d'un événement pour le survol des cartes if (!isMobile) { mainContentOffer.addEventListener('mouseenter', (event) => { handleActiveCard(event.target); }); mainContentOffer.addEventListener('mouseleave', (event) => { handleActiveCard(event.target); }); } mainContentOffer.appendChild(benefitsList); offers[i].appendChild(mainContentOffer); } // SECTION DEVIS ENTREPRISES after( '#landing-page > div:nth-child(4)', div( 'section', '<h2 class="title-offre default-serif heading-6 heading-lg-4 text--strong">Les autres offres L’Express</h2>' + '<div class="offer__item">' + ' <div>' + ' <div class="heading-9 heading-lg-8 text--bold line-height-2">Offres Entreprises</div>' + ' <div class="heading-11 text--medium line-height-1">' + ' Rejoignez les organisations qui s’abonnent à L’Express. ' + ' <br> Une offre personnalisée et adaptée à vos besoins dans les 48h.' + ' </div>' + ' </div>' + ' <a href="https://infos.lexpress.fr/renderers/entreprise_formulaire" target="_blank" title="Demander un devis" style="height: 44px;" class="js-devis button--red heading-11 text--bold">Demander un devis</a>' + '</div>', ), ); // SECTION INTERMEDIAIRE after( '#landing-page > div:nth-child(5)', div( 'section', '<h2 class="title-avantages default-serif heading-6 heading-lg-4 text--strong">Retrouvez les avantages à être abonné</h2>' + '<div class="avantages__abo">' + ' <div class="avantage-img">' + ' <img src="https://static.lexpress.fr/upload/landing-page/catalogue/avantages/articles_page_catalogue.svg" alt="Articles">' + ' </div>' + ' <div>' + ' <div class="advantage-title heading-9 heading-lg-8 text--bold line-height-2">Articles</div>' + ' <div class="heading-11 text--medium line-height-1">' + " Priorité aux infos qui vous aideront à mieux comprendre, mieux décider. Nos journalistes s'engagent à enquêter, analyser et décrypter les sujets qui comptent dans les mouvements du monde." + ' </div>' + ' </div>' + '</div>' + '<div class="avantages__abo">' + ' <div class="avantage-img">' + ' <img src="https://static.lexpress.fr/upload/landing-page/catalogue/avantages/newsletters_visuel_page_confirmation@1x.svg" alt="Newsletters">' + ' </div>' + ' <div>' + ' <div class="advantage-title heading-9 heading-lg-8 text--bold line-height-2">Newsletters</div>' + ' <div class="heading-11 text--medium line-height-1">' + ' Profitez de newsletters exclusives et singulières avec « La sélection d’Eric Chol », « La newsletter magazine », « Sur le bout des langues » de Michel Feltin-Palas, et bien d’autres.' + ' </div>' + ' </div>' + '</div>' + '<div class="avantages__abo">' + ' <div class="avantage-img">' + ' <img src="https://static.lexpress.fr/upload/landing-page/catalogue/avantages/le_cercle_visuel_page_confirmation@1x.svg" alt="Le Cercle">' + ' </div>' + ' <div>' + ' <div class="advantage-title heading-9 heading-lg-8 text--bold line-height-2">Le Cercle</div>' + ' <div class="heading-11 text--medium line-height-1">' + ' C’est le club réservé aux abonnés de L’Express. Nous avons imaginé avec nos prestigieux partenaires, des expériences sur-mesure et des avantages uniques. Pour en profiter, abonnez-vous dès maintenant !' + ' </div>' + ' </div>' + '</div>' + '<div class="avantages__abo">' + ' <div class="avantage-img">' + ' <img src="https://static.lexpress.fr/upload/landing-page/catalogue/avantages/moyens_paiement_page_catalogue.svg" alt="Moyens de paiements sécurisés">' + ' </div>' + ' <div>' + ' <div class="advantage-title heading-9 heading-lg-8 text--bold line-height-2">Moyens de paiements sécurisés</div>' + ' <div class="heading-11 text--medium line-height-1">' + ' Deux modes de paiement disponibles et sécurisés : CB et SEPA' + ' </div>' + ' </div>' + '</div>', ), ); // SECTION FAQ after( '#landing-page > div:nth-child(6)', div( 'section faq', '<h2 class="title-faq default-serif heading-6 heading-lg-4 text--strong">Comment pouvons-nous vous aider ?</h2>' + '<a class="faq-items faq-cta" href="https://support.lexpress.fr/hc/fr/articles/115005811365-Je-viens-de-m-abonner-Puis-je-profiter-de-mon-abonnement-imm%C3%A9diatement" target="_blank">' + ' <div class="faq-item">' + ' <div class="heading-11 heading-lg-9 text--strong line-height-2">Je viens de m’abonner. Puis-je profiter de mon abonnement immédiatement ?</div>' + ' <div class="arrow-right">➔</div>' + ' </div>' + '</a>' + '<a class="faq-items faq-cta" href="https://support.lexpress.fr/hc/fr/articles/115005810845-Le-magazine-num%C3%A9rique-de-quoi-s-agit-il" target="_blank">' + ' <div class="faq-item">' + ' <div class="heading-11 heading-lg-9 text--strong line-height-2">Le magazine numérique : de quoi s’agit-il ?</div>' + ' <div class="arrow-right">➔</div>' + ' </div>' + '</a>' + '<a class="faq-items faq-cta" href="https://support.lexpress.fr/hc/fr/articles/5285674908689-Qu-est-ce-que-la-fonctionnalité-S-abonner-avec-Google" target="_blank">' + ' <div class="faq-item">' + ' <div class="heading-11 heading-lg-9 text--strong line-height-2">Qu\'est-ce que la fonctionnalité "S\'abonner avec Google" ?</div>' + ' <div class="arrow-right">➔</div>' + ' </div>' + '</a>' + '<a class="faq-items faq-cta" href="https://support.lexpress.fr/hc/fr/articles/115005809469-Le-compte-L-Express-de-quoi-s-agit-il" target="_blank">' + ' <div class="faq-item">' + ' <div class="heading-11 heading-lg-9 text--strong line-height-2">Le Compte L’Express, de quoi s’agit-il ?</div>' + ' <div class="arrow-right">➔</div>' + ' </div>' + '</a>' + '<a class="js-devis button--red heading-11 text--bold faq-cta" href="https://support.lexpress.fr/hc/fr" target="_blank" title="Consulter la FAQ" style="height: 44px; margin-top: 20px">Consulter la FAQ</a>', ), ); // Suppression de certains éléments Qiota qsa('.product_list_forms').forEach(function (e) { e.remove(); }); })(); /******************************/ /*** Script Amplitude ***/ /******************************/ const AMPLITUDE_API_KEY = isPreProd ? '0dbcba602ce49a1f3ba79ededb4228bf' : '14b0a5383aa9993ac373c635bf941ec5'; var sAmplitude = document.createElement('script'); const amplitudeCdnLink = 'https://cdn.amplitude.com/libs/analytics-browser-2.11.7-min.js.gz'; const supportBeacon = typeof window !== 'undefined' && typeof navigator !== 'undefined' && typeof navigator.sendBeacon === 'function'; var amplitudeTransport = supportBeacon ? 'beacon' : 'fetch'; var sAmpliudeContent = document.createTextNode( `!function(){"use strict";!function(e,t){var r=e.amplitude||{_q:[],_iq:{}};if(r.invoked)e.console&&console.error&&console.error("Amplitude snippet has been loaded.");else{var n=function(e,t){e.prototype[t]=function(){return this._q.push({name:t,args:Array.prototype.slice.call(arguments,0)}),this}},s=function(e,t,r){return function(n){e._q.push({name:t,args:Array.prototype.slice.call(r,0),resolve:n})}},o=function(e,t,r){e._q.push({name:t,args:Array.prototype.slice.call(r,0)})},i=function(e,t,r){e[t]=function(){if(r)return{promise:new Promise(s(e,t,Array.prototype.slice.call(arguments)))};o(e,t,Array.prototype.slice.call(arguments))}},a=function(e){for(var t=0;t<g.length;t++)i(e,g[t],!1);for(var r=0;r<m.length;r++)i(e,m[r],!0)};r.invoked=!0;var c=t.createElement("script");c.type="text/javascript",c.integrity="sha384-1nlifC/b087Q59DrYIadd5XQfdHRS+1q2Z10hTtVslqeRWFgf5MhWBT9VtqGxov9",c.crossOrigin="anonymous",c.async=!0,c.src="${amplitudeCdnLink}",c.onload=function(){e.amplitude.runQueuedFunctions||console.log("[Amplitude] Error: could not load SDK")};var u=t.getElementsByTagName("script")[0];u.parentNode.insertBefore(c,u);for(var l=function(){return this._q=[],this},p=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove","getUserProperties"],d=0;d<p.length;d++)n(l,p[d]);r.Identify=l;for(var f=function(){return this._q=[],this},v=["getEventProperties","setProductId","setQuantity","setPrice","setRevenue","setRevenueType","setEventProperties"],y=0;y<v.length;y++)n(f,v[y]);r.Revenue=f;var g=["getDeviceId","setDeviceId","getSessionId","setSessionId","getUserId","setUserId","setOptOut","setTransport","reset","extendSession"],m=["init","add","remove","track","logEvent","identify","groupIdentify","setGroup","revenue","flush"];a(r),r.createInstance=function(e){return r._iq[e]={_q:[]},a(r._iq[e]),r._iq[e]},e.amplitude=r}}(window,document)}(); amplitude.init("${AMPLITUDE_API_KEY}",{serverZone:'EU',transport:'${amplitudeTransport}',autocapture:{attribution:true,pageViews:false,formInteractions:false,fileDownloads:false}, defaultTracking:{sessions:true}});`, ); sAmplitude.appendChild(sAmpliudeContent); sAmplitude.type = 'text/javascript'; sAmplitude.async = true; document.head.appendChild(sAmplitude); /******************************/ /*** Script Amplitude Session Replay ***/ /******************************/ var amplitudeSessionReplay = document.createElement('script'); const amplitudeSessionReplayCdnLink = 'https://cdn.amplitude.com/libs/plugin-session-replay-browser-1.4.0-min.js.gz'; amplitudeSessionReplay.src = amplitudeSessionReplayCdnLink; amplitudeSessionReplay.async = true; amplitudeSessionReplay.onload = () => { if (window.amplitude && window.sessionReplay) { const sessionReplayTracking = window.sessionReplay.plugin(); window.amplitude.add(sessionReplayTracking); console.log('Amplitude Session Replay initialisé avec succès !'); } else { console.error('Erreur : Amplitude ou Session Replay n\'est pas disponible.'); } }; document.head.appendChild(amplitudeSessionReplay); // Parameters utils var url_string = window.location.href; //function get url paramater (?,&,# prefix) function getParameterByName(name, url = url_string) { name = name.replace(/[\[\]]/g, '\\$&'); var regex = new RegExp('[?&#]' + name + '(=([^&#]*)|&|#|$)'), results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, ' ')); } function retrieveAtParameters() { // on récupère tous les #at_, ?at_, &at_ const atParametersRegex = /[#?&]at_[^&=]*=[^&]*/g; let atParameters = ''; const urlSearch = window.location.search; atParameters += getParametersStr(urlSearch, atParametersRegex); const urlHash = window.location.hash; atParameters += getParametersStr(urlHash, atParametersRegex); const atMedium = retrieveSpecificParams(atParameters, 'at_medium'); const atCampaign = retrieveSpecificParams(atParameters, 'at_campaign'); return { atParameters, atMedium, atCampaign }; function getParametersStr(url, regex) { const matched = url.match(regex); let parametersStr = ''; if (matched?.length > 0) { for (const atParamWithValue of matched) { parametersStr += atParamWithValue; } } return parametersStr; } function retrieveSpecificParams(params, paramName) { const regex = new RegExp(`(?:[#?&]${paramName}=)([^&#]+)`); const match = params.match(regex); // captured group return match?.[1] ? match?.[1] : ''; } } const { atParameters, atCampaign, atMedium } = retrieveAtParameters(); var xtatcUrl = getParameterByName('xtatc'); /* User Properties */ var values = ['true', 'false']; var identify = new amplitude.Identify() .set('abonné', values[1]) .set('connecté', values[1]); if (xtatcUrl) { identify.set('xtatc', xtatcUrl); } if (atCampaign) { identify.set('at campaign', atCampaign); } if (atMedium) { identify.set('at medium', atMedium); } if (atParameters) { identify.set('at complet', atParameters); } amplitude.identify(identify); /* Event & Event Properties */ var offres = 'pv: offres'; var marqueInteret = "marque d'intérêt"; var clicSabonner = "clic: s'abonner"; var duree = 'clic: durée'; var faq = 'clic: faq'; var loginStr = 'clic: connexion'; var devis = 'clic: devis'; var scrollDone = false; var buttonDuree = document.querySelectorAll('.typo-list .c-button'); var buttonDureeCollapse = document.querySelectorAll('.typo-list button'); var buttonDevis = document.querySelector('.js-devis'); var loginBtn = document.querySelector('.login-link'); /*URL parameters*/ var eventProperties = { 'tech: template': 'site abo', 'tech: ab test': 'none', 'nav: url': url_string, 'nav: type de nav': window.performance.getEntriesByType('navigation')[0].type ? window.performance.getEntriesByType('navigation')[0].type : 'none', 'nav: referrer': document.referrer ? document.referrer : 'none', 'nav: at complet': atParameters, 'nav: at medium': atMedium, 'nav: at campaign': atCampaign, 'nav: xtatc': xtatcUrl ? xtatcUrl : 'none', }; amplitude.track(offres, eventProperties); // Reste des événements Amplitude document.addEventListener('DOMContentLoaded', function () { var aboCtas = document.querySelectorAll('.tracking-cta'); var faqCtas = document.querySelectorAll('.faq-cta'); // clic sur le bouton "Demander un devis" buttonDevis.addEventListener('click', function () { amplitude.track(devis, eventProperties); }); //clic sur les boutons faq for (let i = 0; i < faqCtas.length; i++) { faqCtas[i].addEventListener('click', function () { const parsedHTML = faqCtas[i].getAttribute('href'); var eventPropertiesFaq = { ...eventProperties, 'clic: url destination': parsedHTML, }; amplitude.track(faq, eventPropertiesFaq); }); } //clic sur le bouton "mensuel" ou "annuel" for (let i = 0; i < buttonDuree.length; i++) { buttonDuree[i].addEventListener('click', function () { const parsedHTML = buttonDuree[i].innerHTML?.split('<span'); var eventProperties3 = { ...eventProperties, 'clic: label': parsedHTML[0], }; amplitude.track(duree, eventProperties3); }); } // clic sur le lien de connexion loginBtn.addEventListener('click', function () { amplitude.track(loginStr, eventProperties); }); //clics sur les CTA d'abonnement for (let i = 0; i < aboCtas.length; i++) { aboCtas[i].addEventListener('click', function () { const trackerData = aboCtas[i].getAttribute('id')?.split('-'); const eventPropertiesCta = { ...eventProperties, 'abo: prix': (trackerData[1] === 'swg' ? offersData[trackerData[2]][trackerData[3]].swg_price_raw : offersData[trackerData[2]][trackerData[3]].price_raw) + '€', 'abo: durée': offersData[trackerData[2]][trackerData[3]]?.label, 'abo: offre': offersData[trackerData[2]]?.static.description, 'abo: formule': offersData[trackerData[2]]?.static?.lowercase_title, 'abo: canal': trackerData[1] === 'swg' ? 'google' : "l'express", }; amplitude.track(clicSabonner, eventPropertiesCta); if (trackerData[1] === 'swg' && trackerData[2] != 'integral') { // trackings supplémentaires swg getScript( "fbq('track', 'AddToCart', { });", "window.lintrk('track', { conversion_id: 7749498 }); window.lintrk('track', { conversion_id: 3794737 });", "window.uetq = window.uetq || []; window.uetq.push('event', 'add_to_cart', {});", "twq('event', 'tw-o6uob-o7b51', {});", ); // Google Ads AddToCart + Conversion SWG sendGoogleEvent('AQU4CMLTuZUDENCL9vwD'); } }); } // Gestion du scroll après 5 seconde setTimeout(ScrollAfter5s, 5.0 * 1000); const scrollInterval = setInterval(scrollTimer, 1000); function scrollTimer() { if (scrollDone == true) { amplitude.track(marqueInteret, eventProperties); scrollDone = false; clearInterval(scrollInterval); } } }); function ScrollAfter5s() { window.addEventListener('scroll', function (e) { scrollDone = true; }); } /****************************/ /*** Fin Amplitude ***/ /****************************/ // Tag Piano // Config SDK Piano Analytics const configPianoValues = { siteId: { prod: '370118', preprod: '614539', }, collectDomain: 'https://vshssmg.pa-cd.com', cookieDomain: '.lexpress.fr', }; // Config Inline Piano if (typeof window !== 'undefined') { window._pac = window._pac || {}; _pac.site = isPreProd ? configPianoValues.siteId.preprod : configPianoValues.siteId.prod; _pac.collectDomain = configPianoValues.collectDomain; _pac.cookieDomain = configPianoValues.cookieDomain; window.pdl = window.pdl || {}; pdl.requireConsent = true; pdl.consent = { defaultPreset: { PA: 'opt-in', }, }; } // Piano Script Load let pianoSdkLoad = document.createElement('script'); pianoSdkLoad.src = 'https://static.lexpress.fr/upload/piano/piano-analytics-6.12.0.js'; pianoSdkLoad.type = 'text/javascript'; pianoSdkLoad.setAttribute('data-integration', 'piano-analytics'); pianoSdkLoad.crossOrigin = 'anonymous'; document.body.appendChild(pianoSdkLoad); pianoSdkLoad.addEventListener('load', function () { console.debug('Piano SDK loaded'); let pianoData = { page: 'offres', page_chapter1: 'abonnement', page_chapter2: 'offres', page_chapter3: '', site_level2: 'Abonnements', }; pa.sendEvent('page.display', pianoData); }); // MasterTag ALL page // Meta Pixel Code Facebook // Tag script Facebook var sFb = document.createElement('script'); var noscript = document.createElement('noscript'); var imgNone = document.createElement('img'); var sc1 = document.createTextNode( "!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js');", ); var sc2 = document.createTextNode( "fbq('init', '1188453798002710');fbq('track', 'PageView');", ); sFb.type = 'text/javascript'; imgNone.setAttribute( 'src', 'https://www.facebook.com/tr?id=1188453798002710&ev=PageView&noscript=1', ); imgNone.setAttribute('height', '1'); imgNone.setAttribute('width', '1'); imgNone.setAttribute('style', 'display:none;'); sFb.appendChild(sc1); sFb.appendChild(sc2); noscript.appendChild(imgNone); document.head.appendChild(sFb); document.head.appendChild(noscript); // Meta Pixel Code Linkedin // Tag script Link var sIn = document.createElement('script'); var noscript = document.createElement('noscript'); var imgNone = document.createElement('img'); var sc1 = document.createTextNode( '_linkedin_partner_id = "3049273";window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];window._linkedin_data_partner_ids.push(_linkedin_partner_id);', ); var sc2 = document.createTextNode( '(function(l) {if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])};window.lintrk.q=[]}var s = document.getElementsByTagName("script")[0];var b = document.createElement("script");b.type = "text/javascript";b.async = true;b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";s.parentNode.insertBefore(b, s);})(window.lintrk);', ); sIn.type = 'text/javascript'; imgNone.setAttribute( 'src', 'https://px.ads.linkedin.com/collect/?pid=3049273&fmt=gif', ); imgNone.setAttribute('height', '1'); imgNone.setAttribute('width', '1'); imgNone.setAttribute('style', 'display:none;'); sIn.appendChild(sc1); sIn.appendChild(sc2); noscript.appendChild(imgNone); document.head.appendChild(sIn); document.head.appendChild(noscript); // Meta Pixel Code MICROSOFT // Tag script MICROSOFT ADS var sAds = document.createElement('script'); var sc1 = document.createTextNode( '(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"137007705"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");', ); sAds.type = 'text/javascript'; sAds.appendChild(sc1); document.head.appendChild(sAds); // Meta Pixel Code TWITTER // Tag script TWITTER var adsTwitter = document.createElement('script'); var sTwitter = document.createElement('script'); var sc1 = document.createTextNode( "!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');", ); var sc2 = document.createTextNode("twq('config','o6uob');"); sTwitter.type = 'text/javascript'; adsTwitter.type = 'text/javascript'; adsTwitter.src = '//static.ads-twitter.com/oct.js'; sTwitter.appendChild(sc1); sTwitter.appendChild(sc2); document.head.appendChild(adsTwitter); document.head.appendChild(sTwitter); initDidomiRelatedScripts(); initDidomi(); // Tag script Body : Page abonnement var sTagAbo = document.createElement('script'); var sc2 = document.createTextNode( " window.lintrk('track', { conversion_id: 3794729 }); ", ); var sc3 = document.createTextNode( " window.uetq = window.uetq || [];window.uetq.push('event', 'page_view_page_abonnement', {}); ", ); sTagAbo.appendChild(sc2); sTagAbo.appendChild(sc3); if (document.body != null) { document.body.appendChild(sTagAbo); } //Google Ads conversion abonnement (page offre) sendGoogleEvent('Jgv1CMvPje0BENCL9vwD'); // Tag script SWG Page_Choix_Abo_Lexpress function getScript(fbq, lintrk, window, twq) { console.log('get script'); var scriptTag = document.createElement('script'); var sc1 = document.createTextNode(fbq); var sc2 = document.createTextNode(lintrk); var sc3 = document.createTextNode(window); var sc4 = document.createTextNode(twq); scriptTag.appendChild(sc1); scriptTag.appendChild(sc2); scriptTag.appendChild(sc3); scriptTag.appendChild(sc4); if (document.body != null) { document.body.appendChild(scriptTag); } } //Cookie function setCookie(name, value, days, domain) { var expires = ''; if (days) { var date = new Date(); date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000); expires = '; expires=' + date.toUTCString(); } var websiteDomain = ''; if (domain) { websiteDomain = ';domain=' + domain; } const cookieStr = name + '=' + (value || '') + expires + '; path=/' + websiteDomain; document.cookie = cookieStr; } /****************************************************/ /** Start tracking cart abandonnment for bottombar **/ /****************************************************/ setCookie('q_lp', 1, 2, '.lexpress.fr'); /****************************************************/ /** End tracking cart abandonnment for bottombar **/ /****************************************************/ /****************************************************/ /******** Start : gestion du retour article *********/ /****************************************************/ var sgA = document.createElement('script'); var scr = document.createTextNode( "const urlParams = new URLSearchParams(window.location.search);const uriRefererOrigin = urlParams.get('uri_referer_origin');function setCookie(name, value, days) {var expires = '';if (days) {var date = new Date();date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);expires = '; expires=' + date.toUTCString();}document.cookie = name + '=' + (value || '') + expires + '; path=/';}if (null !== uriRefererOrigin) {setCookie('sso_uri_referer', uriRefererOrigin);}", ); sgA.type = 'text/javascript'; sgA.appendChild(scr); document.head.appendChild(sgA); /****************************************************/ /******** End : gestion du retour article *********/ /****************************************************/ function initDidomiRelatedScripts() { initGoogle(); initAffilae(); } function initGoogle() { // Global site tag (gtag.js) - Google // Tag script GOOGLE ADS (iniat) var sGoogle = document.createElement('script'); sGoogle.type = 'didomi/javascript'; sGoogle.async = true; sGoogle.src = 'https://www.googletagmanager.com/gtag/js?id=AW-1067288016'; var sGoogle2 = document.createElement('script'); var sc1 = document.createTextNode( "!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');", ); var sc2 = document.createTextNode( "window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('consent', 'default', {'ad_storage': 'denied','ad_user_data': 'denied','ad_personalization': 'denied','analytics_storage': 'denied'});gtag('js', new Date()); gtag('config', 'AW-1067288016');", ); sGoogle2.appendChild(sc1); sGoogle2.appendChild(sc2); document.head.appendChild(sGoogle); document.head.appendChild(sGoogle2); } function initAffilae() { var affilaeIdScript = document.createElement('script'); affilaeIdScript.type = 'didomi/javascript'; affilaeIdScript.setAttribute('data-vendor', 'c:netilumaf-h8NfFZjC'); const affilaeIdContent = document.createTextNode( `var _ae = { "pid": "65f1d5b6762cec8d3486aecc" };`, ); affilaeIdScript.appendChild(affilaeIdContent); document.head.appendChild(affilaeIdScript); var affilaeInitInlineScript = document.createElement('script'); affilaeInitInlineScript.type = 'didomi/javascript'; affilaeInitInlineScript.async = true; affilaeInitInlineScript.setAttribute('data-vendor', 'c:netilumaf-h8NfFZjC'); affilaeInitInlineScript.src = '//static.affilae.com/ae-v3.5.js'; var scr = document.getElementsByTagName('script')[0]; scr.parentNode.insertBefore(affilaeInitInlineScript, scr); } /****************************************************/ /*** Send google conversion events ******/ /****************************************************/ function sendGoogleEvent(id, info) { let googleObject = { send_to: `AW-1067288016/${id}`, }; if (info) { googleObject = { ...googleObject, ...info }; } const eventScript = ` gtag('event', 'conversion', ${JSON.stringify( googleObject, )});`; sendConsentRelatedEvent(eventScript); } /****************************************************/ /*** Send consent-conditioned events ******/ /****************************************************/ function sendConsentRelatedEvent(script) { let scriptNode = document.createElement('script'); scriptNode.type = 'didomi/javascript'; const scriptContent = document.createTextNode(script); scriptNode.appendChild(scriptContent); if (document.head != null) { document.head.appendChild(scriptNode); } } /****************************************************/ /******** Init CMP Didomi *********/ /****************************************************/ function initDidomi() { var didomiData = { sdkPath: 'https://consent.lexpress.fr/', apiPath: 'https://consent.lexpress.fr/api', }; window.didomiConfig = { sdkPath: didomiData.sdkPath, apiPath: didomiData.apiPath, }; const disagreeUrl = generateSSOUrl({ path: '/inscription', redirectToCurrentUri: true, }); window.didomiEventListeners = window.didomiEventListeners || []; window.didomiEventListeners.push({ event: 'notice.clickdisagree', listener: function () { window.location.href = disagreeUrl; }, }); const didomiCMP = document.createElement('script'); didomiCMP.type = 'text/javascript'; const didomiPopinId = isPreProd ? 'kL9hUmyT' : 'BwGFr66i'; const didomiId = 'f9b4c6b2-7c8e-43fd-9c79-f1fc18663cf0'; const scriptContent = `(function(){function r(e){if(!window.frames[e]){if(document.body&&document.body.firstChild){var t=document.body;var n=document.createElement("iframe");n.style.display="none";n.name=e;n.title=e;t.insertBefore(n,t.firstChild)}else{setTimeout(function(){r(e)},5)}}}function e(n,a,o,c,d){function e(e,t,n,r){if(typeof n!=="function"){return}if(!window[a]){window[a]=[]}var i=false;if(d){i=d(e,r,n)}if(!i){window[a].push({command:e,version:t,callback:n,parameter:r})}}e.stub=true;e.stubVersion=2;function t(r){if(!window[n]||window[n].stub!==true){return}if(!r.data){return}var i=typeof r.data==="string";var e;try{e=i?JSON.parse(r.data):r.data}catch(t){return}if(e[o]){var a=e[o];window[n](a.command,a.version,function(e,t){var n={};n[c]={returnValue:e,success:t,callId:a.callId};if(r.source){r.source.postMessage(i?JSON.stringify(n):n,"*")}},a.parameter)}}if(typeof window[n]!=="function"){window[n]=e;if(window.addEventListener){window.addEventListener("message",t,false)}else{window.attachEvent("onmessage",t)}}}e("__tcfapi","__tcfapiBuffer","__tcfapiCall","__tcfapiReturn");r("__tcfapiLocator");(function(e,t){var n=document.createElement("link");n.rel="preconnect";n.as="script";var r=document.createElement("link");r.rel="dns-prefetch";r.as="script";var i=document.createElement("script");i.id="spcloader";i.type="text/javascript";i["async"]=true;i.charset="utf-8";var a="${didomiData.sdkPath}"+e+"/loader.js?target_type=notice&target="+t;if(window.didomiConfig&&window.didomiConfig.user){var o=window.didomiConfig.user;var c=o.country;var d=o.region;if(c){a=a+"&country="+c;if(d){a=a+"&region="+d}}}n.href="${didomiData.sdkPath}";r.href="${didomiData.sdkPath}";i.src=a;var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(n,s);s.parentNode.insertBefore(r,s);s.parentNode.insertBefore(i,s)})("${didomiId}","${didomiPopinId}")})();`; const didomiConfig = document.createTextNode(scriptContent); didomiCMP.appendChild(didomiConfig); // MUST BE located in head, AFTER didomi related scripts (didomi/javascript types) document.head.appendChild(didomiCMP); } /****************************/ /*** BEGIN Script FAVICON ***/ /****************************/ var titleHead = document.createElement('title'); var tContent = document.createTextNode("Abonnement L'Express"); titleHead.appendChild(tContent); document.head.appendChild(titleHead); var link = document.querySelector("link[rel~='icon']"); if (!link) { link = document.createElement('link'); link.rel = 'shortcut icon'; link.type = 'image/png'; document.getElementsByTagName('head')[0].appendChild(link); } link.href = 'https://www.lexpress.fr/pf/resources/icons/favicon-192x192.png?d=647'; /****************************/ /*** END Script FAVICON ***/ /****************************/ /****************************/ /*** BEGIN Script taboola newsroom ***/ /****************************/ // adding in the localstorage the article url where the user clicked on the paywall (for taboola newsroom). This will be used in the confirmation pages var previousUrl = document.referrer ? document.referrer : 'none'; // last_article is none when it 's outside from lexpress, or the url when it's inside (can be an article, the homepage etc) var last_article = previousUrl.includes('lexpress.fr') ? previousUrl : 'none'; localStorage.setItem('last_article', last_article); /****************************/ /*** END Script taboola newsroom ***/ /****************************/ /****************************************************/ /** Start of groupelexpress Zendesk Widget script **/ /****************************************************/ var szendesk = document.createElement('script'); szendesk.type = 'text/javascript'; szendesk.id = 'ze-snippet'; szendesk.setAttribute( 'src', 'https://static.zdassets.com/ekr/snippet.js?key=a1ea0b2a-926f-42bc-92b8-f120a507d992', ); document.head.appendChild(szendesk); /****************************************************/ /** End of groupelexpress Zendesk Widget script **/ /****************************************************/ function generateSSOUrl({ baseUrl, path = '/connexion', referer = 'PAKz4VRv8D', redirectUri, uriReferer, errorUri, redirectToCurrentUri = false, hashtag = '', }) { var loginBaseUrl = isPreProd ? 'https://staging.connexion.lexpress.fr' : 'https://connexion.lexpress.fr'; var crossroadBaseUrl = isPreProd ? 'https://preprod.moncompte.lexpress.fr' : 'https://moncompte.lexpress.fr'; if (!baseUrl) { baseUrl = loginBaseUrl; } if (!redirectUri) { redirectUri = `${crossroadBaseUrl}/callback`; } if (!uriReferer) { uriReferer = `${crossroadBaseUrl}/`; } if (!errorUri) { errorUri = `${baseUrl}${path}`; } var requestUri = window.location.pathname; var websiteOriginUrl = window.location.origin; // Final url to redirect to, after login or signup. // If redirectToCurrentUri is true, use the current page uri, otherwise use the given uriReferer var destinationUrl = redirectToCurrentUri ? websiteOriginUrl + requestUri : uriReferer; var generatedUrl = new URL(baseUrl + path); generatedUrl.searchParams.set('referer', referer); generatedUrl.searchParams.set('redirect_uri', redirectUri); generatedUrl.searchParams.set('uri_referer', destinationUrl); generatedUrl.searchParams.set('error_uri', errorUri); generatedUrl.hash = hashtag; return generatedUrl; }</script> <div class="c-modal modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header justify-content-center flex-column"> <p class="c-p u-large u-grey50"><span class="c-icon icon-px-6 u-blue10"></span> Paiement sécurisé</p> <div class="row row--10 w-100"> <div class="col-md col-6 u-margin-t-16"> <button class="c-button-rec" type="button" data-toggle="collapse" data-target="#collapse-paiement1" aria-expanded="false">CB</button> </div> </div> </div> <div class="modal-body"> <div class="collapse-modal-container"> <div class="collapse show" data-parent=".collapse-modal-container" id="collapse-paiement1"> <div class="qiota"></div> </div> </div> </div> <a href="#" class="c-modal__close-btn" data-dismiss="modal" aria-label="Close"><span class="c-icon icon-px-7"></span></a> </div> </div> </div>  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script type="text/javascript"> function makeid(length) { var result = ''; var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; var charactersLength = characters.length; for ( var i = 0; i < length; i++ ) { result += characters.charAt(Math.floor(Math.random() * charactersLength)); } return result; } var lCountry = [["",""],["AF","AFGHANISTAN"],["ZA","AFRIQUE DU SUD"],["AX","ÅLAND, ÎLES"],["AL","ALBANIE"],["DZ","ALGÉRIE"],["DE","ALLEMAGNE"],["AD","ANDORRE"],["AO","ANGOLA"],["AI","ANGUILLA"],["AQ","ANTARCTIQUE"],["AG","ANTIGUA-ET-BARBUDA"],["SA","ARABIE SAOUDITE"],["AR","ARGENTINE"],["AM","ARMÉNIE"],["AW","ARUBA"],["AU","AUSTRALIE"],["AT","AUTRICHE"],["AZ","AZERBAÏDJAN"],["BS","BAHAMAS"],["BH","BAHREÏN"],["BD","BANGLADESH"],["BB","BARBADE"],["BY","BÉLARUS"],["BE","BELGIQUE"],["BZ","BELIZE"],["BJ","BÉNIN"],["BM","BERMUDES"],["BT","BHOUTAN"],["BO","BOLIVIE, ÉTAT PLURINATIONAL DE"],["BQ","BONAIRE, SAINT-EUSTACHE ET SABA"],["BA","BOSNIE-HERZÉGOVINE"],["BW","BOTSWANA"],["BV","BOUVET, ÎLE"],["BR","BRÉSIL"],["BN","BRUNÉI DARUSSALAM"],["BG","BULGARIE"],["BF","BURKINA FASO"],["BI","BURUNDI"],["CV","CABO VERDE"],["KY","CAÏMANES, ÎLES"],["KH","CAMBODGE"],["CM","CAMEROUN"],["CA","CANADA"],["CF","CENTRAFRICAINE, RÉPUBLIQUE"],["CL","CHILI"],["CN","CHINE"],["CX","CHRISTMAS, ÎLE"],["CY","CHYPRE"],["CC","COCOS (KEELING), ÎLES"],["CO","COLOMBIE"],["KM","COMORES"],["CG","CONGO"],["CD","CONGO, RÉPUBLIQUE DÉMOCRATIQUE DU"],["CK","COOK, ÎLES"],["KR","CORÉE, RÉPUBLIQUE DE"],["KP","CORÉE, RÉPUBLIQUE POPULAIRE DÉMOCRATIQUE DE"],["CR","COSTA RICA"],["CI","CÔTE D’IVOIRE"],["HR","CROATIE"],["CU","CUBA"],["CW","CURAÇAO"],["DK","DANEMARK"],["DJ","DJIBOUTI"],["DO","DOMINICAINE, RÉPUBLIQUE"],["DM","DOMINIQUE"],["EG","ÉGYPTE"],["SV","EL SALVADOR"],["AE","ÉMIRATS ARABES UNIS"],["EC","ÉQUATEUR"],["ER","ÉRYTHRÉE"],["ES","ESPAGNE"],["EE","ESTONIE"],["SZ","ESWATINI"],["PS","ÉTAT DE PALESTINE"],["US","ÉTATS-UNIS"],["ET","ÉTHIOPIE"],["FK","FALKLAND, ÎLES (MALVINAS)"],["FO","FÉROÉ, ÎLES"],["FJ","FIDJI"],["FI","FINLANDE"],["FR","FRANCE"],["GA","GABON"],["GM","GAMBIE"],["GE","GÉORGIE"],["GS","GÉORGIE DU SUD ET LES ÎLES SANDWICH DU SUD"],["GH","GHANA"],["GI","GIBRALTAR"],["GR","GRÈCE"],["GD","GRENADE"],["GL","GROENLAND"],["GP","GUADELOUPE"],["GU","GUAM"],["GT","GUATEMALA"],["GG","GUERNESEY"],["GN","GUINÉE"],["GW","GUINÉE-BISSAU"],["GQ","GUINÉE ÉQUATORIALE"],["GY","GUYANA"],["GF","GUYANE FRANÇAISE"],["HT","HAÏTI"],["HM","HEARD ET MACDONALD, ÎLES"],["HN","HONDURAS"],["HK","HONG KONG"],["HU","HONGRIE"],["IM","ÎLE DE MAN"],["UM","ÎLES MINEURES ÉLOIGNÉES DES ÉTATS-UNIS"],["VG","ÎLES VIERGES BRITANNIQUES"],["VI","ÎLES VIERGES DES ÉTATS-UNIS"],["IN","INDE"],["ID","INDONÉSIE"],["IR","IRAN, RÉPUBLIQUE ISLAMIQUE D\\'"],["IQ","IRAQ"],["IE","IRLANDE"],["IS","ISLANDE"],["IL","ISRAËL"],["IT","ITALIE"],["JM","JAMAÏQUE"],["JP","JAPON"],["JE","JERSEY"],["JO","JORDANIE"],["KZ","KAZAKHSTAN"],["KE","KENYA"],["KG","KIRGHIZISTAN"],["KI","KIRIBATI"],["KW","KOWEÏT"],["LA","LAO, RÉPUBLIQUE DÉMOCRATIQUE POPULAIRE"],["LS","LESOTHO"],["LV","LETTONIE"],["LB","LIBAN"],["LR","LIBÉRIA"],["LY","LIBYE"],["LI","LIECHTENSTEIN"],["LT","LITUANIE"],["LU","LUXEMBOURG"],["MO","MACAO"],["MG","MADAGASCAR"],["MY","MALAISIE"],["MW","MALAWI"],["MV","MALDIVES"],["ML","MALI"],["MT","MALTE"],["MP","MARIANNES DU NORD, ÎLES"],["MA","MAROC"],["MH","MARSHALL, ÎLES"],["MQ","MARTINIQUE"],["MU","MAURICE"],["MR","MAURITANIE"],["YT","MAYOTTE"],["MX","MEXIQUE"],["FM","MICRONÉSIE, ÉTATS FÉDÉRÉS DE"],["MD","MOLDAVIE"],["MC","MONACO"],["MN","MONGOLIE"],["ME","MONTÉNÉGRO"],["MS","MONTSERRAT"],["MZ","MOZAMBIQUE"],["MM","MYANMAR"],["NA","NAMIBIE"],["NR","NAURU"],["NP","NÉPAL"],["NI","NICARAGUA"],["NE","NIGER"],["NG","NIGÉRIA"],["NU","NIUÉ"],["NF","NORFOLK, ÎLE"],[false,"NORVÈGE"],["NC","NOUVELLE-CALÉDONIE"],["NZ","NOUVELLE-ZÉLANDE"],["IO","OCÉAN INDIEN, TERRITOIRE BRITANNIQUE DE L\\'"],["OM","OMAN"],["UG","OUGANDA"],["UZ","OUZBÉKISTAN"],["PK","PAKISTAN"],["PW","PALAOS"],["PA","PANAMA"],["PG","PAPOUASIE-NOUVELLE-GUINÉE"],["PY","PARAGUAY"],["NL","PAYS-BAS"],["PE","PÉROU"],["PH","PHILIPPINES"],["PN","PITCAIRN"],["PL","POLOGNE"],["PF","POLYNÉSIE FRANÇAISE"],["PR","PORTO RICO"],["PT","PORTUGAL"],["QA","QATAR"],["MK","RÉPUBLIQUE DE MACÉDOINE"],["RE","RÉUNION"],["RO","ROUMANIE"],["GB","ROYAUME-UNI"],["RU","RUSSIE, FÉDÉRATION DE"],["RW","RWANDA"],["EH","SAHARA OCCIDENTAL"],["BL","SAINT-BARTHÉLEMY"],["KN","SAINT-KITTS-ET-NEVIS"],["SM","SAINT-MARIN"],["MF","SAINT-MARTIN (PARTIE FRANÇAISE)"],["SX","SAINT-MARTIN (PARTIE NÉERLANDAISE)"],["PM","SAINT-PIERRE-ET-MIQUELON"],["VA","SAINT-SIÈGE (ÉTAT DE LA CITÉ DU VATICAN)"],["VC","SAINT-VINCENT-ET-LES-GRENADINES"],["SH","SAINTE-HÉLÈNE, ASCENSION ET TRISTAN DA CUNHA"],["LC","SAINTE-LUCIE"],["SB","SALOMON, ÎLES"],["WS","SAMOA"],["AS","SAMOA AMÉRICAINES"],["ST","SAO TOMÉ-ET-PRINCIPE"],["SN","SÉNÉGAL"],["RS","SERBIE"],["SC","SEYCHELLES"],["SL","SIERRA LEONE"],["SG","SINGAPOUR"],["SK","SLOVAQUIE"],["SI","SLOVÉNIE"],["SO","SOMALIE"],["SD","SOUDAN"],["SS","SOUDAN DU SUD"],["LK","SRI LANKA"],["SE","SUÈDE"],["CH","SUISSE"],["SR","SURINAME"],["SJ","SVALBARD ET ÎLE JAN MAYEN"],["SY","SYRIENNE, RÉPUBLIQUE ARABE"],["TJ","TADJIKISTAN"],["TW","TAÏWAN"],["TZ","TANZANIE, RÉPUBLIQUE UNIE DE"],["TD","TCHAD"],["CZ","TCHÉQUIE"],["TF","TERRES AUSTRALES FRANÇAISES"],["TH","THAÏLANDE"],["TL","TIMOR-LESTE"],["TG","TOGO"],["TK","TOKELAU"],["TO","TONGA"],["TT","TRINITÉ-ET-TOBAGO"],["TN","TUNISIE"],["TM","TURKMÉNISTAN"],["TC","TURKS ET CAÏQUES, ÎLES"],["TR","TURQUIE"],["TV","TUVALU"],["UA","UKRAINE"],["UY","URUGUAY"],["VU","VANUATU"],["VE","VENEZUELA, RÉPUBLIQUE BOLIVARIENNE DU"],["VN","VIET NAM"],["WF","WALLIS-ET-FUTUNA"],["YE","YÉMEN"],["ZM","ZAMBIE"],["ZW","ZIMBABWE"]]; var sCountry = document.querySelectorAll('select[name=\'country\']'); if (sCountry != null) { for (var i = 0; i<lCountry.length; ++i) { const opt = document.createElement('option'); opt.setAttribute('value', lCountry[i][0]); opt.innerHTML = lCountry[i][1]; for (var j = 0 ; j<sCountry.length; ++j) { sCountry[j].appendChild(opt.cloneNode(true)); } } } $('input[name=type_abo]').parent().remove(); $('input[type=checkbox]:not([id])').next().click(function() { if($(this).prev().attr('checked') == 'checked') { $(this).prev().removeAttr('checked'); } else { $(this).prev().attr('checked', 'checked'); } }) function prepareQiotaPay(q_idclient, tarif_data, paymentDisabled, keepDeliveryForm) { var q_token = "PAKz4VRv8D"; //required var q_typepay = "CB"; //required var q_modepay = tarif_data.recur; // 0=subscription or 1=oneshot => required var q_urlcallback = "https://abonnement.lexpress.fr/landing-page/PAKz4VRv8D/1235/success"; var q_origin = "landing-page-qiota"; var ref_selected = $.now(); var checksums = {"512":"dcb0b441d7a9775334ebbeb2c1992c2814ca51850d4a6bef2f2f5665c421f175","511":"04b669004f6240768cb6353066d1c07d2cacba5da65d45c3da67f6e81983bdb2","1204":"ba4a6bfc73341e0261534eb3538e20220696e65b70afc1d0654eb8f38117e26d","1205":"e81480081a901b17a85b6408826901527a36513256cc4c1097c9ca7c6bf414b5","1202":"fd424d84b1cb69ba3bf3a3c8cc58d4b3eccbd1bc621ec3c18f91e90ea13c7a81","1203":"9750ff3e0236358e914156ba52f9f5236a2f8fc19c16f0c67f9767373cd065fa"} var q_order = { product: { partner: "PAKz4VRv8D", editor: "832", //required company: "1", reference_id: ref_selected, codetarif: tarif_data.reference, //required nomTarif: tarif_data.name, descTarif: tarif_data.description, idEmailTemplate: 3, description: "order_PAKz4VRv8D " + ref_selected, //required amount: tarif_data.price, //required category: 6, uri_referer: "", customList: tarif_data.customList, origin: q_origin }, mahalo: tarif_data.mahalo, checksum: checksums[tarif_data.id] }; var paramsRenderQiotaPay = { q_token: q_token, q_typepay: q_typepay, q_modepay: q_modepay, q_idclient: q_idclient, q_order: q_order, q_urlcallback, q_userdata: (typeof user != 'undefined') ? user : null } renderQiotaPay(q_token, q_typepay, q_modepay, q_idclient, q_order, q_urlcallback, undefined, undefined, undefined, undefined, undefined, true); sendQiotaLPEvent(q_idclient != null, paymentDisabled, keepDeliveryForm, paramsRenderQiotaPay); } function submitForm(e, current) { console.log('SubmitForm'); console.log($(current)); // get data of tarifs var currentButton = $(current); var form = $(current).closest('form'); $(current).attr('type', 'submit'); form.submit(function(e) { e.preventDefault(); }); var tarif_id = form.data('id'); var tarif_data = $('#data-tarifs-' + tarif_id).data('tarif'); form.attr('action', 'https://www.qiota.com/users/create_user_json'); if (form[0].checkValidity()) { var loader = document.createElement('div'); loader.classList.add('loader'); currentButton.parent().append(loader); currentButton.css('display','none'); currentButton.attr('disabled', true); form.parent().find('#user-errors').hide(); var user = { origin: "landing-page-qiota", user: { referer: 'PAKz4VRv8D', email: form.find("input[name='email']").val(), password: (form.find("input[name='password']").length > 0) ? form.find("input[name='password']").val() : makeid(10), first_name: form.find("input[name='firstname']").val(), last: form.find("input[name='lastname']").val(), postal_code: form.find("input[name='postal_code']").val(), date_birth: form.find("input[name='birthdate']").val(), address: form.find("input[name='address']").val(), additional_address: form.find("input[name='address2']").val(), city: form.find("input[name='city']").val(), country: form.find("select[name='country']").val(), cgv: form.find("input[name='cgv']").is(':checked') ? '1' : null, phone: form.find("input[name='phone']").val(), companyName: form.find("input[name='companyName']").val(), function: form.find("input[name='function']").val(), optinMarketing: form.find("input[name='optinmarketing']").is(':checked') ? '1' : null, optinThirdParty: form.find("input[name='optinthirdparty']").is(':checked') ? '1' : null, optinGdpr: form.find("input[name='optingdpr']").is(':checked') ? '1' : null, update_delivery_address: form.find("input[name='update_delivery_address']").val() } }; var mahaloData = form.find('[name^="mahalo"]').filter('input,select,textarea'); if (mahaloData.length > 0) { tarif_data.mahalo = {}; mahaloData.each(function(i, element) { var key = element.name.match(/mahalo\[(.+)\]/)[1]; if (key.length > 0) { tarif_data.mahalo[key] = element.value; } }); } var customListSelected = form.find("select[name='customlist'] :selected"); if (customListSelected.length > 0) { var customList = {value: customListSelected.val(), label: customListSelected.text()}; user.user.customList = customList; } var birthDate = form.find('input[name=birthdate][data-csmahalo]'); if (birthDate != null && birthDate.data('csmahalo') !== '') { user.user.csMahaloBirthDate = birthDate.data('csmahalo'); } user.user.optinsMahalo = {}; form.find('input[name][data-optinmahalo]').each(function (i, elt){ user.user.optinsMahalo[elt.name] = $(elt).data('optinmahalo'); }); // customUser is a callback function to update object user passed when the ajax request is executed if (typeof customUser !== 'undefined' && typeof customUser === 'function') { user = customUser(user, form); } // product free if (tarif_data.type_product === 'free') { var ref_selected = $.now(); user.order = { product: { editor: "832", //required company: "1", reference_id: ref_selected, codetarif: tarif_data.reference, //required nomTarif: tarif_data.name, descTarif: tarif_data.description, idEmailTemplate: 3, description: "order_PAKz4VRv8D " + ref_selected, //required category: 6, uri_referer: "", type_product: tarif_data.type_product, customList: tarif_data.customList }, mahalo: tarif_data.mahalo }; } $.ajax({ type : 'POST', url : 'https://www.qiota.com/users/create_user_json', dataType: 'json', data : user }) .done(function(data) { if (tarif_data.type_product !== 'free') { var user_id = data.user; $('.displaying-login').remove(); $('.delivery-form').remove(); $('.container-qiota').remove(); renderQiota(user_id, true); currentButton.next().trigger('click'); } else { window.location = 'https://abonnement.lexpress.fr/landing-page/PAKz4VRv8D/1235/success'; } }) .fail(function(data) { form.parent().find('#user-errors').html(data.responseJSON.message); form.parent().find('#user-errors').show(); }) .always(function (data) { loader.remove(); currentButton.attr('disabled', false); currentButton.css('display',''); }); function renderQiota(data, updated) { if (updated == true) { var q_idclient = data; } else { var q_idclient = data; } prepareQiotaPay(q_idclient, tarif_data, false, false); } } else { form.parent().find('#user-errors').text('Veuillez remplir tous les champs obligatoires !'); form.parent().find('#user-errors').show(); } } $('.form-button').click(function(e) {submitForm(e, this)}); $('.js-toggle-menu').click(function () { $('.l-header').toggleClass('is-collapse'); $('.js-toggle-submenu').removeClass('is-opened'); // Used when in desktop $('.l-header__subdropdown').addClass('is-collapse'); $('.l-header').removeClass('has-submenu-open'); }); $('.js-toggle-submenu').click(function () { if ($(this).siblings('.l-header__subdropdown').hasClass('is-collapse')) { $('.l-header__subdropdown').addClass('is-collapse'); $(this).siblings('.l-header__subdropdown').removeClass('is-collapse'); $('.js-toggle-submenu').removeClass('is-opened'); $(this).addClass('is-opened'); } else { $(this).siblings('.l-header__subdropdown').addClass('is-collapse'); } // Used when in desktop $('.l-header').addClass('has-submenu-open'); }); $('button.nav-link').click(function(e) { $('.alert.alert-danger').hide(); $('html, body').animate({ scrollTop: $($(e.currentTarget).data('target')).parent().offset().top }, 'slow'); if ($(this).attr('aria-expanded') === 'true') { e.stopPropagation(); } }); $('button.typo').click(function(e) { $('.alert.alert-danger').hide(); if ($(this).attr('aria-expanded') === 'true') { e.stopPropagation(); } }); $('a[href*="#"]') // Remove links that don't actually link to anything .not('[href="#"]') .not('[href="#0"]') .click(function(event) { // On-page links if ( location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname ) { // Figure out element to scroll to var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); // Does a scroll target exist? if (target.length) { // Only prevent default if animation is actually gonna happen event.preventDefault(); $('html, body').animate({ scrollTop: target.offset().top }, 300); } } }); function sendQiotaLPEvent(connected, paymentDisabled, keepDeliveryForm, paramsRenderQiotaPay) { var type = 'q_qiotaLPEvent', event; try { event = new Event(type); } catch (e) { event = document.createEvent('Event'); event.initEvent(type, false, false); } event.connected = connected; event.paymentDisabled = paymentDisabled; event.keepDeliveryForm = keepDeliveryForm; event.paramsRenderQiotaPay = paramsRenderQiotaPay; document.dispatchEvent(event); } </script> </body> </html>

CINXE.COM