CINXE.COM
Shang ou Yin - LAROUSSE
<!DOCTYPE html> <html lang="fr" itemscope itemtype="http://schema.org/WebPage"> <!-- infos siteWeb: Larousse[.fr/.com] --> <!-- hostName: [https://www.larousse.fr], machineName: [HLAZPLARWFO01], dateTime: [25/02/2025 19:23:48] --> <script> // Probl猫me compatiblitiy [<head></head>] & [Modify by C#] dataLayer = [{'lang':"fr", 'page_type':"editorial", 'page_category':"encyclopedie", 'page_subcategory':""}, { advertisement: {env: 'production', brand: {name: 'Larousse', abbr: 'lar', domain: 'larousse.fr', subDomain: 'www', isPrisma: false}, page: {path: '/', contentObjectId: '', pageType: "Article", pageCategory: "article-media-encyclopedie", pageSubCategory: "content", title: "", author: "", keywords: ""}} }]; // (DataLayer GTM: Default + Prisma) </script> <head id="Head1" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"><meta charset="utf-8" /><meta name="author" content="脡ditions Larousse" /><meta name="tdm-reservation" content="1" /><meta name="viewport" content="width=device-width, initial-scale=1" http-equiv="Content-Type" /><title> Shang ou Yin - LAROUSSE </title> <!-- JQuery core JavaScript --> <!-- ###################### --> <!-- !!! import jquery in TOP Header !!! (JS default for all Library & *.aspx) --> <!-- <script type="text/javascript" src="/library-web/jquery/jquery-1.9.1.min.js"></script> --> <!-- src="/library-web/jquery/jquery-1.9.1.js" --> <!-- CDN=[code.jquery.com]:jquery-3.6.0.min.js (!!! < jquery-3.0.0 = conflict slick >>> jquery-migrate !!!)--> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-migrate-3.3.2.min.js" integrity="sha256-Ap4KLoCf1rXb52q+i3p0k2vjBsmownyBTE1EqlRiMwA=" crossorigin="anonymous"></script> <!-- int茅gration[v.PROD/v.RECE]: r茅gisPub + CNIL(v.OneTrust) --> <!-- ####################################################### --> <!-- JS-link larousse-CNIL pour gestion GTM (r茅gisPub, GA, r茅seauxSociaux, ...) --> <!-- -------------------------------------------------------------------------- --> <script src="/library-web/larcom/cnil/htmlParser.js"></script> <script src="/library-web/larcom/cnil/postscribe.js"></script> <!-- D茅marrage de notification de consentement aux cookies de OneTrust --> <!-- ----------------------------------------------------------------- --> <!-- D茅but de la mention OneTrust de consentement aux cookies du domaine : larousse.fr --> <!-- call OneTrust [!!! v.PROD !!!] => (data-domain-script="9225742f-0606-4a4c-b016-9e27bd32a7a1) --> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="9225742f-0606-4a4c-b016-9e27bd32a7a1"></script> <!-- call OneTrust [!!! v.RECE/DEV !!!] => (data-domain-script="9225742f-0606-4a4c-b016-9e27bd32a7a1-test") --> <!-- <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="9225742f-0606-4a4c-b016-9e27bd32a7a1-test"></script> --> <!-- OneTrust OptanonWrapper() --> <script type="text/javascript"> function OptanonWrapper() { if(!getCookieOT("OptanonAlertBoxClosed")){ var newButton = document.createElement("button") // Create a button newButton.setAttribute("id", "onetrust-reject-all-handler") // Name the button + pick up style as per template newButton.onclick = function(one){ OneTrust.RejectAll(); } newButton.innerText = Optanon.GetDomainData().BannerRejectAllButtonText;// Add text to button document.getElementById("onetrust-policy").prepend(newButton) // Place button } } function getCookieOT(name) { var value = "; " + document.cookie; var parts = value.split("; " + name + "="); if (parts.length >= 2) return parts.pop().split(";").shift(); } </script> <!-- Fin de la mention OneTrust de consentement aux cookies du domaine : larousse.fr --> <!-- ### dataLayer [GTM] stats Hachette #### --> <!-- ####################################### --> <script> <!-- call GTM [v.PROD = GTM-TB2J4SG] / [v.RECE = GTM-W4VMQ8H] / [v.COM = GTM-WBCT33T] --> (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-TB2J4SG'); </script> <!-- End Google Tag Manager --> <!-- Appel JavaScript-Vid茅o [r茅gisPub: VIOUSLY] --> <!-- <script async id="xieg6Sie" src="https://cdn.viously.com/js/sdk/boot.js"></script>--> <!-- CSS (bootstrap) --> <!-- <link rel="stylesheet" type="text/css" href="/library-web/bootstrap/css/bootstrap.min.css" /> --> <!-- href="/library-web/bootstrap/css/bootstrap.css" --> <!-- CDN=[cdn.jsdelivr.net]: bootstrap@4.6.0 [CSS] --> <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous" /> --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous" /> <!-- CSS (mdb) (!pb:navbar menuBurger & dropdown!)--> <!-- <link rel="stylesheet" type="text/css" href="/library-web/mdb/css/mdb.min.css" />--> <!-- href="/library-web/mdb/css/mdb.css" --> <!-- CSS (slick) --> <!-- <link rel="stylesheet" type="text/css" href="/library-web/slick/slick.css"" /> --> <!-- href="./../assets/library/slick/slick.css" --> <!-- <link rel="stylesheet" type="text/css" href="/library-web/slick/slick-theme.css" /> --> <!-- href="./../assets/library/slick/slick-theme.css" --> <link rel="stylesheet" type="text/css" href="/library-web/slick/slick.min.css" /> <!-- slick.min.css = [slick]+[slick-theme] (minifier) --> <!-- CSS (font-awesome/fontello)--> <!--<link rel="stylesheet" type="text/css" href="/library-web/larcom/masterpage/css/font-awesome.min.css" />--> <!-- unused font awesome --> <link rel="stylesheet" type="text/css" href="/library-web/larcom/masterpage/css/font-collect.css" /> <!-- CSS (larousse-masterpage)--> <link rel="stylesheet" type="text/css" href="/library-web/larcom/masterpage/css/masterpage.css" /> <!-- pb: header, wrapper, footer, lar-grid-, etc...--> <!-- conflit CSS --> <style> /*conflit CSS (bootstrap - MDB)*/ .navbar{ box-shadow:none; } /* SLICK */ .slick-slide { outline: none !important; } </style> <link rel="shortcut icon" href="/encyclopedie/assets/img/favicon.ico" /> <link rel="stylesheet" href="/encyclopedie/assets/css/article.202401161501.css"> <link rel="stylesheet" href="/encyclopedie/assets/css/content.202401161501.css"> <script src="/encyclopedie/assets/js/encyclopedie.202001271425.js"></script> <script src="/encyclopedie/assets/js/content.202001141318.js"></script> <meta property="og:title" content="Shang ou Yin - LAROUSSE" /> <meta itemprop="name" content="Shang ou Yin - LAROUSSE" /> <meta name="description" content="Dynastie chinoise XVIIIe s avant J-C-vers 1025 avant J-C L鈥櫭塼at shang s鈥櫭﹖endait sur la plaine du Huang He et avait pour centre la r茅gion nord-est du Henan o霉 de petites villes d茅couvertes par les fouilles de Anyang existaient d茅j脿 L鈥檃rt du bronze r茅v茅l茅 par les vases des tombes avait atteint son apog茅e Les Shang qui poss茅daient des chars de combat conquirent et colonis猫rent..." /> <meta property="og:description" content="Dynastie chinoise XVIIIe s avant J-C-vers 1025 avant J-C L鈥櫭塼at shang s鈥櫭﹖endait sur la plaine du Huang He et avait pour centre la r茅gion nord-est du Henan o霉 de petites villes d茅couvertes par les fouilles de Anyang existaient d茅j脿 L鈥檃rt du bronze r茅v茅l茅 par les vases des tombes avait atteint son apog茅e Les Shang qui poss茅daient des chars de combat conquirent et colonis猫rent..." /> <meta itemprop="description" content="Dynastie chinoise XVIIIe s avant J-C-vers 1025 avant J-C L鈥櫭塼at shang s鈥櫭﹖endait sur la plaine du Huang He et avait pour centre la r茅gion nord-est du Henan o霉 de petites villes d茅couvertes par les fouilles de Anyang existaient d茅j脿 L鈥檃rt du bronze r茅v茅l茅 par les vases des tombes avait atteint son apog茅e Les Shang qui poss茅daient des chars de combat conquirent et colonis猫rent..." /> <link rel="canonical" href="https://www.larousse.fr/encyclopedie/groupe-personnage/Shang/144091" /> <meta property="og:url" content="https://www.larousse.fr/encyclopedie/groupe-personnage/Shang/144091" /> <meta itemprop="url" content="https://www.larousse.fr/encyclopedie/groupe-personnage/Shang/144091" /> <meta name="keywords" content="Shang, Yin, Huang He, Henan, Anyang, Zhou, histoire de la Chine, " /> <meta property="og:image" content="https://www.larousse.fr/encyclopedie/data/vignettes/1312192-Kao_Tsong.jpg" /> <meta itemprop="image" content="https://www.larousse.fr/encyclopedie/data/vignettes/1312192-Kao_Tsong.jpg" /> <meta name="robots" content="index,follow" /> </head> <body> <!-- Google Tag Manager (noscript) --> <!-- call GTM [v.PROD = GTM-TB2J4SG] / [v.RECE = GTM-W4VMQ8H] / [v.COM = GTM-WBCT33T]--> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TB2J4SG" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <div class="page"> <!-- ####### HEADER ####### --> <div class="header"> <!-- NAVBAR: TOP LAROUSSE (Login, Social, Culture) --> <!---------------------------------------------------> <div class="navbar navbar-inverse navbar-default lar-navbar-top visible-lg"> <!-- navbar-fixed-top <<<>>> navbar-default --> <div class="container"> <div id="navtop" class="navbar-collapse collapse"> <ul class="lar-culture nav navbar-nav navbar-right"> <li class="culture-en"> <a onclick="changeCulture('en')">EN</a> <!-- https://www.larousse.com/en/ --> <img src="/dictionnaires/assets/img/flag-en.png" alt="image" draggable="false"/> </li> <li class="culture-es"> <a onclick="changeCulture('es')">ES</a> <!-- https://www.larousse.com/es/ --> <img src="/dictionnaires/assets/img/flag-es.png" alt="image" draggable="false"/> </li> <li class="culture-de"> <a onclick="changeCulture('de')">DE</a> <!-- https://www.larousse.com/de/ --> <img src="/dictionnaires/assets/img/flag-de.png" alt="image" draggable="false"/> </li> <li class="culture-it"> <a onclick="changeCulture('it')">IT</a> <!-- https://www.larousse.com/it/ --> <img src="/dictionnaires/assets/img/flag-it.png" alt="image" draggable="false"/> </li> </ul> <ul class="lar-social nav navbar-nav navbar-right"> <li><a href="https://www.facebook.com/larousse.fr" target="_blank"></a></li> <li><a href="https://twitter.com/larousse_fr" target="_blank"></a></li> <li><a href="https://www.instagram.com/editionslarousse/" target="_blank"></a></li> <li><a href="https://fr.linkedin.com/company/larousse" target="_blank"></a></li> </ul> <ul class="lar-login nav navbar-nav navbar-right"> <li><div id="auth-widget-topbar"></div></li> <!-- POOOL connexion (subscription) --> <li><a href="https://www.editions-larousse.fr/newsletter">Newsletter</a></li> </ul> </div> </div> </div> <!-- NAVBAR: SEARCH (Labelle, saisie Recherche --> <!-----------------------------------------------> <div class="lar-searchbar visible-lg"> <a class="bt-home" href="/">LAROUSSE</a> <div class="zone-search"> <input type="search" class="lar-searchtxt" onkeydown="inputKeydownHeader(false,'\\encyclopedie\\rechercher\\')" placeholder="Rechercher dans l'encyclop茅die..."/> <button class="lar-searchbt" onclick="onSearchHeader(false,'\\encyclopedie\\rechercher\\');"></button> </div> </div> <!-- NAVBAR: MENU (nav module: encyclo, dicos, cuisine, etc...) --> <!----------------------------------------------------------------> <div class="navbar navbar-default lar-navbar-menu"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navmenu"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="lar-searchbar search-toggle hidden-lg"> <div><a class="bt-home" href="/">LAROUSSE</a></div> <span><button class="lar-switchbt lar-openbt" onclick="openSearch()"></button></span> <span><button class="lar-switchbt lar-closebt" onclick="closeSearch()"></button></span> <div class="switch-search"> <input type="search" class="lar-searchtxt" onkeydown="inputKeydownHeader(true,'\\encyclopedie\\rechercher\\')" placeholder="Rechercher dans l'encyclop茅die..."/> <button class="lar-searchbt" onclick="onSearchHeader(true,'\\encyclopedie\\rechercher\\');"></button> </div> </div> </div> <div id="navmenu" class="navbar-collapse collapse"> <ul class="lar-menu nav navbar-nav navbar-left"> <li id="olf"><a href="/dictionnaires/francais"><span class="icon-menu dropdown-submenu hidden-lg"></span>LANGUE FRAN脟AISE</a></li> <li id="bil"><a href="/dictionnaires/bilingues"><span class="icon-menu hidden-lg"></span>DICTIONNAIRES BILINGUES</a></li> <li id="traductor"><a href="/traducteur"><span class="icon-menu hidden-lg"></span>TRADUCTEUR</a></li> <li id="conj"><a href="/conjugaison"><span class="icon-menu hidden-lg"></span>CONJUGATEUR</a></li> <li id="encyclo"><a href="/encyclopedie"><span class="icon-menu hidden-lg"></span>ENCYCLOP脡DIE</a></li> <li id="cook"><a href="https://cuisine.larousse.fr"><span class="icon-menu hidden-lg"></span>CUISINE</a></li> <li id="forum"><a href="/forums"><span class="icon-menu hidden-lg"></span>FORUM</a></li> <li id="jeux"><a href="https://jeux.larousse.fr"><span class="icon-menu hidden-lg"></span>JEUX</a></li> <li id="books"><a href="https://www.editions-larousse.fr"><span class="icon-menu hidden-lg"></span>LIVRES</a></li> </ul> <ul class="lar-login hidden-lg"> <li><div id="auth-widget-menuburger"></div></li> <!-- POOOL connexion (subscription) --> <li><a href="https://www.editions-larousse.fr/newsletter">Newsletter</a></li> </ul> <ul class="lar-social hidden-lg"> <li style="width:100%"> <span>Suivez nous:</span> <a href="https://www.facebook.com/larousse.fr"></a> <a href="https://twitter.com/larousse_fr"></a> <a href="https://www.instagram.com/editionslarousse/"></a> <a href="https://fr.linkedin.com/company/larousse"></a> </li> </ul> <ul class="lar-culture hidden-lg"> <li style="width:100%"> <a href="https://www.larousse.com/en/" asp-action="culture_en">EN</a> <a href="https://www.larousse.com/es/" asp-action="culture_es">ES</a> <a href="https://www.larousse.com/de/" asp-action="culture_de">DE</a> <a href="https://www.larousse.com/it/" asp-action="culture_it">IT</a> </li> </ul> </div> </div> </div> </div> <!-- BANIERE(730 x 90) PUB TOP --> <div class="pub-top oast"> </div> <!--FIL ARIANE --> <div class="breadcrumb"> <div><a href="https://www.larousse.fr">Accueil</a> ><a href="/encyclopedie"><b>Encyclop茅die [groupe-personnage] </b></a> > <b>Shang</b></div> </div> <!-- ####### HEADER ####### --> <!-- ### Zone POOOL WIDGET ### --> <div id="poool-widget"> <!-- votre paywall sera affich茅 ici --> </div> <div id="Wrapper" class="wrapper"> <div class="row"> <div class="zone-content col-md-8"> <article class="content" id="121840" idc="144091" class="content" role="article"> <header> <h1><strong>Shang</strong> <span class="liaison">ou</span> <span class="variante"><strong>Yin</strong></span></h1> <figure class="img-ref"><a href="/encyclopedie/images/Kao_Tsong/1312192"><img src="/encyclopedie/data/vignettes/1312192-Kao_Tsong.jpg" alt="Kao Tsong" title="Kao Tsong"></a><figcaption>Kao Tsong</figcaption></figure></header> <p class="definition break">Dynastie chinoise (<small>xviii</small><sup>e</sup>聽s.聽avant J.-C.-vers 1025聽avant J.-C.).</p> <section class="gallery right"> <figure class="sel"><a href="/encyclopedie/images/Kao_Tsong/1312192"><img src="/encyclopedie/data/images/1312192-Kao_Tsong.jpg" alt="Kao Tsong" title="Kao Tsong"></a><figcaption>Kao Tsong</figcaption></figure> <figure><a href="/encyclopedie/images/Zhou/1312186"><img src="/encyclopedie/data/images/1312186-Zhou.jpg" alt="Zhou" title="Zhou"></a><figcaption>Zhou</figcaption></figure> <ul><li class="sel"><img src="/encyclopedie/data/vignettes/1312192.jpg" title="Kao Tsong" alt="Kao Tsong"></li><li><img src="/encyclopedie/data/vignettes/1312186.jpg" title="Zhou" alt="Zhou"></li></ul></section> <p class="blanc-avant">L鈥櫭塼at shang s鈥櫭﹖endait sur la plaine du <a href="/encyclopedie/riviere-lac/Huang_He/124337">Huang He</a> et avait pour centre la r茅gion nord-est du <a href="/encyclopedie/autre-region/Henan/123558">Henan</a>, o霉 de petites villes, d茅couvertes par les fouilles de <a href="/encyclopedie/ville/Anyang/105765">Anyang</a>, existaient d茅j脿. L鈥檃rt du bronze, r茅v茅l茅 par les vases des tombes, avait atteint son apog茅e. Les Shang, qui poss茅daient des chars de combat, conquirent et colonis猫rent de nouveaux territoires vers le sud, et cr茅猫rent un certain nombre de principaut茅s en pays barbare, dans les bassins du Huang He et de la Wei. Plus tard, une s茅rie de r茅voltes se produisit, au terme desquelles la dynastie disparut et fut remplac茅e par celle des <a href="/encyclopedie/groupe-personnage/Zhou/150606">Zhou</a> (vers 1025).</p> <p class="alinea"><b>Pour en savoir plus, voir les articles </b><a href="/encyclopedie/divers/Chine_histoire/185621">histoire de la Chine</a>, <a href="/encyclopedie/groupe-personnage/Zhou/150606">Zhou</a>.</p> </article> <div class="panel-pays"> </div> <div class="rwm-podcast-player" data-pid="1eca0639-3a13-635a-a5fc-c9380f86a94d"></div> </div> <div class="col-md-4"> <div class="pub-pave oasm"> </div> <div class="panel-da"> <div class="banner-title"> <hr class="line-left" /><span class="fontello"></span> <hr class="line-right" /> <p class="panel-title">M茅dias associ茅s</p> </div> <div class="zone-medias"> <figure class="photo"><a href="/encyclopedie/images/Kao_Tsong/1312192"> <img src="/encyclopedie/data/vignettes/1312192-Kao Tsong.jpg" alt="Kao Tsong" title="Kao Tsong" /></a> <figcaption>Kao Tsong</figcaption> </figure> <figure class="photo"><a href="/encyclopedie/images/Zhou/1312186"> <img src="/encyclopedie/data/vignettes/1312186-Zhou.jpg" alt="Zhou" title="Zhou" /></a> <figcaption>Zhou</figcaption> </figure> </div> <div class="banner-title"> <hr class="line-left" /><span class="fontello"></span> <hr class="line-right" /> <p class="panel-title">Chronologie</p> </div> <div class="zone-chrono"> <ul> <li><B>XVIII<sup>e</sup> s.-vers 1025 avant J.-C.</B> Dynastie des Shang, dite aussi Yin, qui r猫gne sur la plaine du Huang He (Chine) ; ma卯trise du travail du bronze, apparition de l'茅criture ; la pratique de la divination (os d'animaux) se r茅pand, ainsi que le culte des anc锚tres. </li> </ul> </div> </div> <div id="taboola-right-rail-encyclo-thumbnails" class="taboola"></div> <!-- PUB PAVE 3 --> <div class="pub-pave oasm3"></div> </div> </div> <!-- FIXED MENU NAV (FLOATING) --> </div> <!-- BANIERE(730 x 90) PUB BOTTOM --> <div class="pub-bottom oasb"> </div> <!-- ## SOCIAL PANEL ## --> <!-- ################## --> <!-- ####### FOOTER ####### --> <div class="footer"> <span class="footer-left"> <a href="/contenu/applications/applications_mobiles">Applications mobiles</a> <a href="/index">Index</a> <a href="/infos/credits">Mentions l茅gales et cr茅dits</a> <a href="/infos/cgu">CGU</a> <a href="/infos/cgv">CGV</a> <a href="/infos/confidentialite">Charte de confidentialit茅</a> <a class="optanon-show-settings">Cookies</a> <a href="/infos/contact">Contact</a> </span> <span class="footer-right"> <span>© Larousse</span> </span> </div> <!-- ####### FOOTER ####### --> </div> </body> <!-- JS Bootstrap core JavaScript --> <!-- <script type="text/javascript" src="/library-web/bootstrap/js/bootstrap.min.js"></script> --> <!-- src="/library-web/bootstrap/js/bootstrap.js" --> <!-- CDN=[cdn.jsdelivr.net]: bootstrap@4.6.0 [JS] --> <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script> --> <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script> <!-- JS MDB core JavaScript --> <!-- <script type="text/javascript" src="/library-web/mdb/js/mdb.min.js"></script> --> <!-- src="/library-web/mdb/js/mdb.js" --> <!-- JS SLICK core JavaScript --> <script type="text/javascript" src="/library-web/slick/slick.min.js"></script> <!-- src="/library-web/slick/slick.js" --> <!-- RegisPUB & [OneTrust] (Params, Habillage(body,oast,oasm,...)) --> <!-- ############################################################# --> <!-- [OneTrust] CATEGORY-1: Cookies strictement n茅cessaires --> <script type="text/plain" class="optanon-category-1"> //alert("CATEGORY-1: OK \nCookies strictement n茅cessaires"); //alert("OnetrustActiveGroups: [" + OnetrustActiveGroups +"]"); // // Set cookie [show payWall] (default value) //alert("optanon(CAT-1|START) : spwpoool_ = true (default value)"); setCookie('spwpoool_', 'true', 1); </script> <!-- [OneTrust] CATEGORY-2: Cookies de performance --> <script type="text/plain" class="optanon-category-2"> //alert("CATEGORY-2: OK \nCookies de performance "); //alert("OnetrustActiveGroups: [" + OnetrustActiveGroups +"]"); // //googleAnalytics(); //alert("googleAnalytics(): OK"); </script> <!-- [OneTrust] CATEGORY-3: Cookies de fonctionnalit茅 --> <script type="text/plain" class="optanon-category-3"> //alert("CATEGORY-3: OK \nCookies de fonctionnalit茅"); //alert("OnetrustActiveGroups: [" + OnetrustActiveGroups +"]"); // </script> <!-- [OneTrust] CATEGORY-4: Cookies pour une publicit茅 cibl茅e --> <script type="text/plain" class="optanon-category-4"> //alert("CATEGORY-4: OK \nCookies pour une publicit茅 cibl茅e"); //alert("OnetrustActiveGroups: [" + OnetrustActiveGroups +"]"); // //alert("optanon(CAT-4|PUB) : Consent[OK]"); setCookie('laruserconsent_', 'true', 1); //alert("setCookie : laruserconsent_[true]"); disablePaywall(); initFirstID(); // //initSAStrigger(); // regispub: trigger Pub (body, etc...) via smartadserver //ads(); // regispub: themoneytizer //AdsEx(); // regispub: quantx(elasticad), Teads //alert("ads()-quantxAds(): OK"); </script> <!-- [OneTrust] CATEGORY-8: Cookies 芦 r茅seaux sociaux 禄 --> <script type="text/plain" class="optanon-category-8"> //alert("CATEGORY-8: OK \nCookies r茅seaux sociaux"); //alert("OnetrustActiveGroups: [" + OnetrustActiveGroups +"]"); // //twitter(); // Box Twitter //facebook(); // Box facebook //googleplus(); // Box Google Plus //alert("twitter()-facebook()-googleplus(): OK"); </script> <!-- ########## FIN CNIL(RGPD) ########## --> <!-- POOOL [payWall & subscription] (access.js & subscribe.js) --> <!-- ######################################################### --> <!-- -------------- int茅gration [audit.js] ----------------- --> <!-- -------------- int茅gration [access.js] ----------------- --> <script id="poool-access" src="https://assets.poool.fr/access.min.js" async></script> <script> var access = null; const script_access = document.getElementById('poool-access'); script_access.addEventListener('load', function () { // var spwpoool_ = getCookie('spwpoool_'); if(window.location.toString().indexOf("/infos/") > 0) spwpoool_ = false; // Paywall & pageInfos(footer) // if (spwpoool_ == null || spwpoool_ == 'true') { //alert("spwpoool_[" + spwpoool_+"]: \n - createPaywall \n - poool-widget=show() + wrapper=blur(3) \n - event(Poool+oneTrust)"); access = Access.init('ILD4S-2S1MH-UGZ3J-1SEEH'); access.createPaywall({ target: '#poool-widget', content: '[data-poool]', mode: 'excerpt', percent: 80, pageType: 'premium', }); // Hide <#poool-widget> $("#poool-widget").show(); // wrapper -> blur(3) >>> flou $('.wrapper').css({ 'filter' : 'blur(3px)', '-webkit-filter' : 'blur(3px)', '-moz-filter' : 'blur(3px)', '-o-filter' : 'blur(3px)', '-ms-filter' : 'blur(3px)' }); // event back consent access.on('consent', function () { //alert("access.on('consent')"); // change Consent (accept All Cookie) ///////////////////////////////////// //OneTrust.AllowAll(); // => [OK] // Display Banner OneTrust (!niveau 2:setting!) /////////////////////////////////////////////// OneTrust.ToggleInfoDisplay(); // => [OK] OneTrust.OnConsentChanged(function () { //alert("OneTrust.OnConsentChanged => Value: [" + OnetrustActiveGroups + "]"); if (OnetrustActiveGroups.match(/,4,/) != null) { // consentement oneTrust: [OK] (OnetrustActiveGroups == 4) setCookie('laruserconsent_', 'true', 1); //alert("setCookie : laruserconsent_[true]"); // gestion First-ID initFirstID(); }else{ // consentement oneTrust: [KO] (OnetrustActiveGroups != 4) // (r茅)activation paywall POOOL access.createPaywall({ target: '#poool-widget', content: '[data-poool]', mode: 'excerpt', percent: 80, pageType: 'premium', }); } }); }); }else{ // //alert("spwpoool_[false]: noPaywall"); } }); // function disablePaywall(){ //alert("disablePaywall(): \n - destroyPaywall(?) \n - poool-widget=hide() + wrapper=blur(0) \n - cookie spwpoool_: false"); // // Destroy Paywall (?) if(access){ //alert("access != null : destroyPaywall"); access.destroy(); } // //alert("- <div poool-widget>: hide() \n- <div wrapper>: blur(0)"); // Hide <#poool-widget> $("#poool-widget").hide(); // wrapper -> blur(0) >>> ok $('.wrapper').css({ 'filter' : 'none', '-webkit-filter' : 'none', '-moz-filter' : 'none', '-o-filter' : 'none', '-ms-filter' : 'none' }); // // Set cookie [hide payWall] //alert("cookie spwpoool_: false"); setCookie('spwpoool_', 'false', 1); } </script> <!-- ------------- int茅gration [subscribe.js] ---------------- --> <script id="poool-subscribe" src="https://assets.poool-subscribe.fr/subscribe.js" async></script> <script> const script_subscribe = document.getElementById('poool-subscribe'); script_subscribe.addEventListener('load', function () { subscribe = Subscribe.init('ILD4S-2S1MH-UGZ3J-1SEEH'); subscribe.createAuthElement('signin-with-subscribe-button', { target: '#auth-widget-topbar' }); subscribe.createAuthElement('signin-with-subscribe-button', { target: '#auth-widget-menuburger' }); //subscribe.config('debug', true); // Appel ( async / await) ///////////////////////// async function getUserDatas() { const user = await subscribe.getUser(); //[KO] user => undefined //alert("user info: " + user // + "\nid_subscription: " + user.subscription.subscriptionId // + "\nstatus: " + user.subscription.status // + "\ncreatedAt: " + user.subscription.createdAt); if(user != undefined && user.subscription != null && user.subscription.status == "active"){ //alert("status == active : subscribe[OK]"); $("#auth-widget-topbar").css("margin-top", "12px"); // alignement infoUSer (topbar) disablePaywall(); }else{ // //alert("access[null] OR subscribe[KO]: keepContext"); } } getUserDatas(); }); </script> <!-- ############# FIN PAYWALL(Pool) ############# --> <!-- FIRST-ID [gestion cookie first/tiers] --> <!-- ##################################### --> <!-- ---- int茅gration [loader.min.js] ---- --> <script src="https://cdn.first-id.fr/sdk/loader/loader.min.js"></script> <!-- first-ID [PROD] --> <!-- first-ID [RECE-PREPROD] --> <script> // function initFirstID() { // //alert("gestion first-ID"); console.log('version/call first-ID') // window.firstId = window.firstId || { callbacks: [], // callbacks to execute when the SDK is loaded debug: false, // if you want to see the logs of the SDK cookieName: 'firstid', // the name of the cookie where you put the First-id value after the gate redirect // User hashed email value emailCookieName: 'hashed_email', // the name of the cookie where we can find the hashed email value after the user login emailHashed: null, // OR the hashed email value of the user if you have it before the SDK initialization emailGetterCallback: null, // OR a callback to get the hashed email value of the user refreshCookieName: 'firstid_refresh', // the name of the cookie that SDK create to tell you to make a redirect to our gate to resync the First-id value }; // // callbacks to execute when the SDK is loaded window.firstId.callbacks.push(() => { console.log('First-id SDK loaded. #1') //alert('[First-id callbacks]: SDK loaded. #1'); }); // // callback to get the First-id value window.firstId.callbacks.push(() => { console.log('First-id SDK loaded #2') //alert('[First-id callbacks]: SDK loaded. #2'); try { var _firstID = FIRSTID.getId(); // you can access to the First-id SDK with the global variable "FIRSTID", this method return the First-id value console.log('First-id cookie: ' + _firstID) //alert('First-id cookie: ' + _firstID); } catch (e) { if (e.code === 'FirstIdCookieNotFound') { console.log('FirstID cookie not found'); //alert('[First-id callbacks]: FirstID cookie not found'); } } }); } </script> <!-- JS larousse-Masterpage --> <script type="text/javascript" src="/library-web/larcom/masterpage/js/masterpage.js"></script> <!-- src="[module]/assets/js/masterpage.js" --> </html>