[{"data":1,"prerenderedAt":472},["ShallowReactive",2],{"article__fermer-les-bandeaux-cookies-avec-un-bookmarklet":3},{"id":4,"title":5,"body":6,"description":461,"extension":462,"meta":463,"navigation":464,"path":465,"seo":466,"stem":467,"tags":468,"__hash__":471},"article\u002Farticle\u002Ffermer-les-bandeaux-cookies-avec-un-bookmarklet.md","Fermer les bandeaux cookies en 1 clic avec un bookmarklet",{"type":7,"value":8,"toc":457},"minimark",[9,13,25,30,37,50,57,64,67,112,116,119,124,319,322,448,453],[10,11,5],"h1",{"id":12},"fermer-les-bandeaux-cookies-en-1-clic-avec-un-bookmarklet",[14,15,16],"blockquote",{},[17,18,19,20,24],"p",{},"Puisque chez JAMgency, nous sommes pour un web plus \"propre\", et qu'on ne peut pas forcer les autres à en faire\nautant... Voici un petit \"hack\" à base de ",[21,22,23],"strong",{},"bookmarklet"," pour vous faciliter la vie et fermer ces fameux popin plus\nfacilement.",[26,27,29],"h2",{"id":28},"définition-dun-bookmarklet","Définition d'un bookmarklet",[17,31,32,33,36],{},"Bookmarklet est un ",[21,34,35],{},"mot valise avec \"bookmark\" et \"applet\""," pour \"favori\" et \"script\".\nIl permet donc d'exécuter du javascript lors du clic sur un favori au lieu de rediriger vers une page.",[14,38,39],{},[17,40,41,42,46,47],{},"Cela est issue des débuts du HTML, à l'époque il n'y avait pas de ",[43,44,45],"code",{},"onClick"," mais pour lancer un script au clic, on faisait ",[43,48,49],{},"href=\"javascript:\"",[17,51,52,53,56],{},"C'est ce que l'on va utiliser pour créer un bookmarklet. Votre \"favori\" doit donc commencer par ",[43,54,55],{},"javascript:"," pour le devenir, suivi du code javascript à executer dans la page. Script à ajouter dans le champ \"URL\" de votre favori, comme si c'était un lien classique.",[17,58,59,60,63],{},"Attention, votre navigateur ",[21,61,62],{},"peut bloquer ce fonctionnement de base",", mais vous pourrez l'activer dans la config.",[17,65,66],{},"Par exemple, ce bookmarklet supprimera le contenu de votre page. (Ok ça ne sert à rien, c'est un exemple avec un effet bien visible.)",[68,69,74],"pre",{"className":70,"code":71,"language":72,"meta":73,"style":73},"language-js shiki shiki-themes monokai","javascript:document.getElementsByTagName('body')[0].remove();\n","js","",[43,75,76],{"__ignoreMap":73},[77,78,81,85,89,92,96,99,103,106,109],"span",{"class":79,"line":80},"line",1,[77,82,84],{"class":83},"sCdxs","javascript:document.",[77,86,88],{"class":87},"sHkqI","getElementsByTagName",[77,90,91],{"class":83},"(",[77,93,95],{"class":94},"s_Ekj","'body'",[77,97,98],{"class":83},")[",[77,100,102],{"class":101},"s7s5_","0",[77,104,105],{"class":83},"].",[77,107,108],{"class":87},"remove",[77,110,111],{"class":83},"();\n",[26,113,115],{"id":114},"bookmarklet-pour-fermer-les-pop-in","Bookmarklet pour fermer les pop-in",[17,117,118],{},"Voici donc le script désiré, indenté pour la lisibilité, en dessous la version à copier.\nCela ne fonctionne pas sur l'ensemble des popins cookies, la liste sera complétée au fûr-et-à-mesure que je tomberai dessus.",[14,120,121],{},[17,122,123],{},"Didomi représente une très grande partie de ces bandeaux. J'ai dû en installer pour mes clients par le passé, et ceux sont les meilleurs pour le respect du RGPD (si bien configuré). Car il permet le \"tout refuser en un clic\" qui est une obligation, mais rarement respectée pour un \"tout accepter\" plus simple...",[68,125,127],{"className":70,"code":126,"language":72,"meta":73,"style":73},"\u002F\u002F Didomi\nif (document.getElementById(\"didomi-host\")) {\n    document.getElementsByTagName(\"body\")[0].classList.remove(\"didomi-popup-open\");\n    document.getElementById(\"didomi-host\").remove();\n}\n\u002F\u002F Les autres je ne sais plus, je vais noter maintenant\nif (document.getElementById(\"cw_ui\")) {\n    document.getElementById(\"cw_ui\").remove();\n}\nif (document.getElementById(\"sd-cmp\")) {\n    document.getElementById(\"sd-cmp\").remove();\n    document.getElementsByTagName(\"html\")[0].classList.remove(\"sd-cmp-gF8Ho\");\n}\n",[43,128,129,135,156,186,204,210,216,232,249,254,270,287,314],{"__ignoreMap":73},[77,130,131],{"class":79,"line":80},[77,132,134],{"class":133},"snpHw","\u002F\u002F Didomi\n",[77,136,138,142,145,148,150,153],{"class":79,"line":137},2,[77,139,141],{"class":140},"s8I7P","if",[77,143,144],{"class":83}," (document.",[77,146,147],{"class":87},"getElementById",[77,149,91],{"class":83},[77,151,152],{"class":94},"\"didomi-host\"",[77,154,155],{"class":83},")) {\n",[77,157,159,162,164,166,169,171,173,176,178,180,183],{"class":79,"line":158},3,[77,160,161],{"class":83},"    document.",[77,163,88],{"class":87},[77,165,91],{"class":83},[77,167,168],{"class":94},"\"body\"",[77,170,98],{"class":83},[77,172,102],{"class":101},[77,174,175],{"class":83},"].classList.",[77,177,108],{"class":87},[77,179,91],{"class":83},[77,181,182],{"class":94},"\"didomi-popup-open\"",[77,184,185],{"class":83},");\n",[77,187,189,191,193,195,197,200,202],{"class":79,"line":188},4,[77,190,161],{"class":83},[77,192,147],{"class":87},[77,194,91],{"class":83},[77,196,152],{"class":94},[77,198,199],{"class":83},").",[77,201,108],{"class":87},[77,203,111],{"class":83},[77,205,207],{"class":79,"line":206},5,[77,208,209],{"class":83},"}\n",[77,211,213],{"class":79,"line":212},6,[77,214,215],{"class":133},"\u002F\u002F Les autres je ne sais plus, je vais noter maintenant\n",[77,217,219,221,223,225,227,230],{"class":79,"line":218},7,[77,220,141],{"class":140},[77,222,144],{"class":83},[77,224,147],{"class":87},[77,226,91],{"class":83},[77,228,229],{"class":94},"\"cw_ui\"",[77,231,155],{"class":83},[77,233,235,237,239,241,243,245,247],{"class":79,"line":234},8,[77,236,161],{"class":83},[77,238,147],{"class":87},[77,240,91],{"class":83},[77,242,229],{"class":94},[77,244,199],{"class":83},[77,246,108],{"class":87},[77,248,111],{"class":83},[77,250,252],{"class":79,"line":251},9,[77,253,209],{"class":83},[77,255,257,259,261,263,265,268],{"class":79,"line":256},10,[77,258,141],{"class":140},[77,260,144],{"class":83},[77,262,147],{"class":87},[77,264,91],{"class":83},[77,266,267],{"class":94},"\"sd-cmp\"",[77,269,155],{"class":83},[77,271,273,275,277,279,281,283,285],{"class":79,"line":272},11,[77,274,161],{"class":83},[77,276,147],{"class":87},[77,278,91],{"class":83},[77,280,267],{"class":94},[77,282,199],{"class":83},[77,284,108],{"class":87},[77,286,111],{"class":83},[77,288,290,292,294,296,299,301,303,305,307,309,312],{"class":79,"line":289},12,[77,291,161],{"class":83},[77,293,88],{"class":87},[77,295,91],{"class":83},[77,297,298],{"class":94},"\"html\"",[77,300,98],{"class":83},[77,302,102],{"class":101},[77,304,175],{"class":83},[77,306,108],{"class":87},[77,308,91],{"class":83},[77,310,311],{"class":94},"\"sd-cmp-gF8Ho\"",[77,313,185],{"class":83},[77,315,317],{"class":79,"line":316},13,[77,318,209],{"class":83},[17,320,321],{},"La version à copier dans votre \"favoris\"",[68,323,325],{"className":70,"code":324,"language":72,"meta":73,"style":73},"javascript:if (document.getElementById(\"didomi-host\")) { document.getElementsByTagName(\"body\")[0].classList.remove(\"didomi-popup-open\"); document.getElementById(\"didomi-host\").remove(); } if (document.getElementById(\"cw_ui\")) { document.getElementById(\"cw_ui\").remove(); } if (document.getElementById(\"sd-cmp\")) { document.getElementById(\"sd-cmp\").remove(); document.getElementsByTagName(\"html\")[0].classList.remove(\"sd-cmp-gF8Ho\");}\n",[43,326,327],{"__ignoreMap":73},[77,328,329,331,333,335,337,339,341,344,346,348,350,352,354,356,358,360,362,365,367,369,371,373,375,378,380,382,384,386,388,390,392,394,396,398,400,402,404,406,408,410,412,414,416,418,420,422,424,427,429,431,433,435,437,439,441,443,445],{"class":79,"line":80},[77,330,55],{"class":83},[77,332,141],{"class":140},[77,334,144],{"class":83},[77,336,147],{"class":87},[77,338,91],{"class":83},[77,340,152],{"class":94},[77,342,343],{"class":83},")) { document.",[77,345,88],{"class":87},[77,347,91],{"class":83},[77,349,168],{"class":94},[77,351,98],{"class":83},[77,353,102],{"class":101},[77,355,175],{"class":83},[77,357,108],{"class":87},[77,359,91],{"class":83},[77,361,182],{"class":94},[77,363,364],{"class":83},"); document.",[77,366,147],{"class":87},[77,368,91],{"class":83},[77,370,152],{"class":94},[77,372,199],{"class":83},[77,374,108],{"class":87},[77,376,377],{"class":83},"(); } ",[77,379,141],{"class":140},[77,381,144],{"class":83},[77,383,147],{"class":87},[77,385,91],{"class":83},[77,387,229],{"class":94},[77,389,343],{"class":83},[77,391,147],{"class":87},[77,393,91],{"class":83},[77,395,229],{"class":94},[77,397,199],{"class":83},[77,399,108],{"class":87},[77,401,377],{"class":83},[77,403,141],{"class":140},[77,405,144],{"class":83},[77,407,147],{"class":87},[77,409,91],{"class":83},[77,411,267],{"class":94},[77,413,343],{"class":83},[77,415,147],{"class":87},[77,417,91],{"class":83},[77,419,267],{"class":94},[77,421,199],{"class":83},[77,423,108],{"class":87},[77,425,426],{"class":83},"(); document.",[77,428,88],{"class":87},[77,430,91],{"class":83},[77,432,298],{"class":94},[77,434,98],{"class":83},[77,436,102],{"class":101},[77,438,175],{"class":83},[77,440,108],{"class":87},[77,442,91],{"class":83},[77,444,311],{"class":94},[77,446,447],{"class":83},");}\n",[14,449,450],{},[17,451,452],{},"Oui, il existe des extensions de navigateur qui permettent de faire la même chose, mais installer encore une dépendence pour un petit script...",[454,455,456],"style",{},"html pre.shiki code .sCdxs, html code.shiki .sCdxs{--shiki-default:#F8F8F2}html pre.shiki code .sHkqI, html code.shiki .sHkqI{--shiki-default:#A6E22E}html pre.shiki code .s_Ekj, html code.shiki .s_Ekj{--shiki-default:#E6DB74}html pre.shiki code .s7s5_, html code.shiki .s7s5_{--shiki-default:#AE81FF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .snpHw, html code.shiki .snpHw{--shiki-default:#88846F}html pre.shiki code .s8I7P, html code.shiki .s8I7P{--shiki-default:#F92672}",{"title":73,"searchDepth":137,"depth":137,"links":458},[459,460],{"id":28,"depth":137,"text":29},{"id":114,"depth":137,"text":115},"Puisque chez JAMgency, nous sommes pour un web plus \"propre\", et qu'on ne peut pas forcer les autres à en faire autant...","md",{},true,"\u002Farticle\u002Ffermer-les-bandeaux-cookies-avec-un-bookmarklet",{"title":5,"description":461},"article\u002Ffermer-les-bandeaux-cookies-avec-un-bookmarklet",[469,470,23],"technique","hack","fD84ZSDxjG19grPKC5IjUoePG-ONzUs-ZuY9YqTqsJU",1775518747719]