Potrebujete na Vaše webové stránky vložiť upozornenie, že web obsahuje informácie (erotické weby, predaj tabakových výrobkov apod.) len pre dospelých?
Môžete použiť HTML kód (script) pre zobrazenie vyskakovacieho okna (od 18 rokov).
1. Nižšie uvedený HTML kód skopírujete (CTRL+C) a vložíte na Váš web (CTRL+V).
2. HTML kód je potrebné vložiť do hlavičky každej stránky, na ktorej chcete upozornenie zobraziť.
V hornej lište editora kliknite na “Stránky” » “Vyberte stránku” » “SEO Nastavenia stránky” » “HTML Hlavička webu“.
4. Do hlavičky vložte (CTRL+V) nižšie uvedený HTML kód a publikujte zmeny.
Potrebný HTML kód je:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 |
<script language="javascript" type="text/javascript"> var checkState= localStorage.getItem('checkState'); if(checkState=="true") { function openDialog(okno) { document.getElementById(okno).className+= "hidden"; } } else { function openDialog(okno) { document.getElementById(okno).className+= " show"; } }; function closeDialog(okno) { document.getElementById(okno).className = "dialog-cover"; } </script> <style type="text/css"> @media screen and (max-width: 770px) { .dialog { position: absolute; width: 100%; left: 0; right: 0 !important; margin: 0; top: 0; padding: 10px; border-radius: 0; padding: 50px 0px; } } .dialog-background { width: 100%; height: 100%; background: rgba(0,0,0,.85); position: fixed; display: none; z-index: 99; } .dialog { padding: 0px; width: 50%; position: fixed; left: 25%; top: 40%; height: auto; margin-top: -100px; margin-left: 0px; background: #fff; display: none; z-index: 100; text-align: center; border-radius: 3px; } .dialog-inner { padding: 30px; } .cButton {border: none;color: #fff;padding: 10px 30px;cursor:pointer;} .hidden {display: none !important;} .show .dialog, .show .dialog-background {display: block;} .cButtonConsent {border: 1px solid #1ba38c;background: none;color:#1ba38c;} .cButtonConsent:hover{background: #1ba38c;color:#fff;} .cButtonNoConsent {border: 1px solid #ca5a5b;background: none;color: #ca5a5b;} .cButtonNoConsent:hover{background:#ca5a5b;color:#fff;} .cButtonNoConsent, .cButtonConsent {transition: .1s linear all;} .cButtonThird {background:none;color: #a2a2a2 !important;margin-top: 10px;font-size: 0.9rem;} </style> <div id="okno" class="dialog-cover show"> <div class="dialog-background"></div> <div class="dialog"> <div class="dialog-inner"> <h1>Bylo Vám již 18 let?</h1> <p>Vstupujete na stránky s prodejem alkoholu. Prosím potvrïte, že Vám již bylo 18 let.</p> <br /> <div align="center"> <button class="cButton cButtonConsent">Ano</button> <button class="cButton cButtonNoConsent" onclick="location.href='https://google.com';">Ne</button> </div> </div> </div> </div> <script language="javascript" type="text/javascript"> openDialog("okno"); document.querySelector('.cButtonConsent').addEventListener("click", function(){ localStorage.setItem('checkState','true'); document.querySelector('#okno').remove(); }); </script> |
TIP: Pridajte si ikonku Instagram a Facebook do pravého horného rohu na webe vo Webnode. Viac v návode: Ako pridať ikony soc. sietí (FB a Instagram) do hornej časti na webe vo Webnode?
TIP: Vložte si na web online chat pre rýchlejšiu komunikáciu s návštevníkmi Vášho webu. Odporúčam službu, ktorá je zadarmo – Smartsupp
Ďalšie návody
Ako na web vo Webnode pridať animáciu padajúceho snehu? Padajúci sneh html kód
Chceli by ste vylepšiť Váš web vo Webnode animáciou padajúceho snehu? Žiadny problém! V tomto návode si ukážeme, ako na Váš web pridáte padajúci online sneh. Jednoducho a zdarma. Čítajte ďalej! #Poďme nato! 1. Prihláste sa do editácie webu vo Webnode, a vložte nižšie...
Ako si na web vo Webnode pridať online rezervačný systém? Zdarma!
Potrebujete na Vaše webové stránky napr. vo Webnode vložiť online rezervačný systém pre správu rezervácií? Nech už robíte čokoľvek, Reservio je skvelou voľbou pre organizáciu Vášho času! 🙂 A čo všetko Vám online rezervačný systém od Reservio ponúka? prehľadný...
Ako pridať vyhľadávač produktov vo Webnode e-shope?
Chceli by ste vyhľadávač produktov na Vašom e-shope od WEBNODE?Hľadáte jednoduché a štýlové vyhľadávacie políčko, ktoré si vložíte na Váš web, či e-shop vo Webnode?VIDEONÁVOD:V návode Ako na web pridať vlastné vyhľadávacie pole? Google Custom Search sme si ukázali...
VIDEONÁVOD: Ako vo WEBNODE vložiť súbor na stiahnutie skrz tlačítko, text alebo obrázok
3 jednoduché možnosti ako vo WEBNODE vložiť na web vlastný súbor (.pdf, .mp3, .mp4 apod). V tomto videonávode si ukážeme ako si jednoduchým spôsobom vložíte na webové stránky vo Webnode súbor. V editačnom systéme Webnode môžete nahrať rôzne typy súborov ako napr. PDF,...
Ako presmerovať tlačítko “Pokračovať v nákupe” na konkrétnu URL adresu vo Webnode e-shope?
Chceli by ste si vo Vašom e-shope vo Webnode nastaviť konkrétnu URL adresu na tlačítko "Pokračovať v nákupe" v košíku?V e-shope Webnode je tlačítko "Pokračovať v nákupe" v košíku preddefinované, aby návštevníka Vášho e-shopu presmerovalo na posledne navštívenú stránku...
Ako vložiť Facebook Pixel kód na web vo WEBNODE?
Chceli by ste si prepojiť Váš web vo Webnode s Facebook? V návode Ako pridať remarketingový kód vo Webnode? som Vám priblížil čo ten remarketing vlastne je. Poďme sa teraz spoločne pozrieť na FB reklamu a Vaše ďalšie možnosti :)Čo je to ten Facebook Pixel? ...
Pomohol ti tento návod? Pošli ho priateľom 🙂