Vlastní skripty

​

Typy skriptů

​

Příklady

<script
  src="https://example.com/analytics.js"
  async
  data-website-id="abc123"
></script>

window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-XXXXXXX');

​

Vložení značky skriptu

​

Bezpečnostní kontroly

• Externí src musí být https://. Pouze absolutní HTTPS adresy. Adresy http:, javascript:, data:, file: a protokolově relativní (//host) jsou odmítnuty.
• Vložený obsah je oplocen. Token koncové značky </script je odstraněn, aby vložený kód nemohl uniknout ze své značky <script>.
• Atributy mají povolený seznam. U externích skriptů se vedle src, async a defer zachovávají pouze tyto atributy: id · crossorigin · integrity · nonce · referrerpolicy · fetchpriority · type · nomodule, plus libovolný atribut data-*. Atributy event handlerů (onload, onerror a další on*) jsou odstraněny: jde o vektor XSS.

​

Platební stránky

​

Použití

1. Otevřete Vlastní skripty v editoru Online obchodu.
2. Přidejte skript typu Externí nebo Vložený.
3. U externích skriptů zadejte adresu URL https:// a zvolte režim načítání (async, defer nebo blokující), nebo pomocí Vložit značku skriptu vyplňte pole ze zkopírované značky <script>.
4. V případě potřeby přidejte libovolné povolené atributy (např. data-*, id, integrity).
5. Uložte. Skript se vyčistí a uloží a poté se při dalším načtení vloží do <head> storefrontu.

​

Cílení na DOM ID storefrontu

​

Příklad: přidání odkazu na souhlas s cookies

(function () {
  function addCookieLink() {
    var row = document.getElementById('twice-footer-links');
    if (!row) return;
    var link = document.createElement('a');
    link.href = '#';
    link.textContent = 'Cookie Settings';
    link.addEventListener('click', function (e) {
      e.preventDefault();
      // Replace with your consent manager's open command, e.g.:
      // window.CookieScript && window.CookieScript.instance.show();
    });
    row.appendChild(link);
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', addCookieLink);
  } else {
    addCookieLink();
  }
})();

​

Související články