templates/base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <!-- Google Tag Manager -->
  5.     <script>(function (w, d, s, l, i) {
  6.             w[l] = w[l] || [];
  7.             w[l].push({
  8.                 'gtm.start':
  9.                     new Date().getTime(), event: 'gtm.js'
  10.             });
  11.             var f = d.getElementsByTagName(s)[0],
  12.                 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
  13.             j.async = true;
  14.             j.src =
  15.                 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
  16.             f.parentNode.insertBefore(j, f);
  17.         })(window, document, 'script', 'dataLayer', 'GTM-NJJFCJ');</script>
  18.     <!-- End Google Tag Manager -->
  20.     <!-- Meta Pixel Code -->
  21.     <script>
  22.         !function (f, b, e, v, n, t, s) {
  23.             if (f.fbq) return;
  24.             n = f.fbq = function () {
  25.                 n.callMethod ?
  26.                     n.callMethod.apply(n, arguments) : n.queue.push(arguments)
  27.             };
  28.             if (!f._fbq) f._fbq = n;
  29.             n.push = n;
  30.             n.loaded = !0;
  31.             n.version = '2.0';
  32.             n.queue = [];
  33.             t = b.createElement(e);
  34.             t.async = !0;
  35.             t.src = v;
  36.             s = b.getElementsByTagName(e)[0];
  37.             s.parentNode.insertBefore(t, s)
  38.         }(window, document, 'script',
  39.             'https://connect.facebook.net/en_US/fbevents.js');
  40.         fbq('init', '1233084501283271');
  41.         fbq('track', 'PageView');
  42.     </script>
  43.     <noscript><img height="1" width="1" style="display:none"
  44.                    src="https://www.facebook.com/tr?id=1233084501283271&ev=PageView&noscript=1"
  45.         /></noscript>
  46.     <!-- End Meta Pixel Code -->
  48.     <meta charset="UTF-8">
  49.     <link rel="stylesheet" href="https://use.typekit.net/qir3knc.css">
  50.     <title>{% block title %} {% endblock %}</title>
  51.     {% block meta_description %}
  52.         <meta name="description" content="{% block desc %}{% endblock %}">
  53.     {% endblock %}
  54.     {% block canonical %}<link rel="canonical" href="{{ app.request.uri }}">{% endblock %}
  55.     <link rel="icon" type="image/png" href="{{ asset('img/favicon/favicon-96x96.png') }}" sizes="96x96"/>
  56.     <link rel="icon" type="image/svg+xml" href="{{ asset('img/favicon/favicon.svg') }}"/>
  57.     <link rel="shortcut icon" href="{{ asset('img/favicon/favicon.ico') }}"/>
  58.     <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('img/favicon/apple-touch-icon.png') }}"/>
  59.     <meta name="apple-mobile-web-app-title" content="Autanet.cz"/>
  60.     <link rel="manifest" href="{{ asset('img/favicon/site.webmanifest') }}"/>
  61.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  62.     {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  63.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"
  64.             integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw=="
  65.             crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  67.     <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet">
  69.     <link href="{{ asset('plugins/OverlayScrollbars-1.x/css/OverlayScrollbars.min.css') }}" rel="stylesheet">
  70.     <link href="{{ asset('plugins/Gallery-master/css/blueimp-gallery.min.css') }}" rel="stylesheet">
  72.     <link href="{{ asset('plugins/slick/slick.css') }}" rel="stylesheet">
  74.     <link href="{{ asset('fonts/style.css') }}" rel="stylesheet">
  76.     {% block stylesheets %}
  77.         {{ encore_entry_link_tags('app') }}
  78.     {% endblock %}
  79.     {% block javascripts %}
  80.         {{ encore_entry_script_tags('app') }}
  81.     {% endblock %}
  83.     {# Autanet Analytics – globální anonymní identita pro raw analytics a Partner atribuci #}
  84.     <script>
  85.         window.AutanetAnalytics = (() => {
  86.             const VISITOR_COOKIE = 'autanet_analytics_visitor';
  87.             const SESSION_STORAGE_KEY = 'autanet_analytics_session';
  88.             const SESSION_TIMEOUT_MS = 30 * 60 * 1000;
  89.             const CMP_RETRY_INTERVAL_MS = 100;
  90.             const CMP_RETRY_LIMIT_MS = 30 * 1000;
  92.             const pageviewKey = createKey();
  93.             const pendingIdentityCallbacks = [];
  95.             let consentKnown = false;
  96.             let consentGranted = false;
  97.             let cmpListenerAttached = false;
  98.             let cmpStartedAt = Date.now();
  100.             initConsent();
  102.             function createKey() {
  103.                 if (window.crypto && typeof window.crypto.randomUUID === 'function') {
  104.                     return window.crypto.randomUUID();
  105.                 }
  107.                 return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, character => {
  108.                     const random = Math.random() * 16 | 0;
  109.                     const value = character === 'x' ? random : (random & 0x3 | 0x8);
  111.                     return value.toString(16);
  112.                 });
  113.             }
  115.             function getCookie(name) {
  116.                 const prefix = name + '=';
  117.                 const cookies = document.cookie ? document.cookie.split('; ') : [];
  119.                 for (const cookie of cookies) {
  120.                     if (cookie.startsWith(prefix)) {
  121.                         return decodeURIComponent(cookie.substring(prefix.length));
  122.                     }
  123.                 }
  125.                 return null;
  126.             }
  128.             function setVisitorCookie(value) {
  129.                 document.cookie = VISITOR_COOKIE
  130.                     + '=' + encodeURIComponent(value)
  131.                     + '; Path=/; Max-Age=31536000; SameSite=Lax; Secure';
  132.             }
  134.             function deleteVisitorCookie() {
  135.                 document.cookie = VISITOR_COOKIE
  136.                     + '=; Path=/; Max-Age=0; SameSite=Lax; Secure';
  137.             }
  139.             function clearIdentity() {
  140.                 deleteVisitorCookie();
  142.                 try {
  143.                     localStorage.removeItem(SESSION_STORAGE_KEY);
  144.                 } catch (error) {
  145.                     // Pokud localStorage není dostupný, není třeba dělat nic dalšího.
  146.                 }
  147.             }
  149.             function getIdentity() {
  150.                 if (!consentKnown || !consentGranted) {
  151.                     return null;
  152.                 }
  154.                 let visitorKey = getCookie(VISITOR_COOKIE);
  156.                 if (!visitorKey) {
  157.                     visitorKey = createKey();
  158.                     setVisitorCookie(visitorKey);
  159.                 }
  161.                 const now = Date.now();
  162.                 let sessionData = null;
  164.                 try {
  165.                     sessionData = JSON.parse(localStorage.getItem(SESSION_STORAGE_KEY));
  166.                 } catch (error) {
  167.                     sessionData = null;
  168.                 }
  170.                 if (
  171.                     !sessionData
  172.                     || typeof sessionData.key !== 'string'
  173.                     || typeof sessionData.lastActivity !== 'number'
  174.                     || now - sessionData.lastActivity > SESSION_TIMEOUT_MS
  175.                 ) {
  176.                     sessionData = {
  177.                         key: createKey(),
  178.                         lastActivity: now
  179.                     };
  180.                 } else {
  181.                     sessionData.lastActivity = now;
  182.                 }
  184.                 try {
  185.                     localStorage.setItem(
  186.                         SESSION_STORAGE_KEY,
  187.                         JSON.stringify(sessionData)
  188.                     );
  189.                 } catch (error) {
  190.                     sessionData = null;
  191.                 }
  193.                 return {
  194.                     visitorKey: visitorKey,
  195.                     sessionKey: sessionData ? sessionData.key : null,
  196.                     pageviewKey: pageviewKey
  197.                 };
  198.             }
  200.             function flushPendingIdentityCallbacks() {
  201.                 if (!consentKnown) {
  202.                     return;
  203.                 }
  205.                 const identity = consentGranted ? getIdentity() : null;
  207.                 while (pendingIdentityCallbacks.length > 0) {
  208.                     const callback = pendingIdentityCallbacks.shift();
  209.                     callback(identity);
  210.                 }
  211.             }
  213.             function withIdentity(callback, timeoutMs = 5000) {
  214.                 if (consentKnown) {
  215.                     callback(consentGranted ? getIdentity() : null);
  216.                     return;
  217.                 }
  219.                 let completed = false;
  221.                 const wrappedCallback = identity => {
  222.                     if (completed) {
  223.                         return;
  224.                     }
  226.                     completed = true;
  227.                     callback(identity);
  228.                 };
  230.                 pendingIdentityCallbacks.push(wrappedCallback);
  232.                 setTimeout(() => {
  233.                     wrappedCallback(null);
  234.                 }, timeoutMs);
  235.             }
  237.             function applyConsent(tcData) {
  238.                 const consents = tcData.purpose && tcData.purpose.consents
  239.                     ? tcData.purpose.consents
  240.                     : {};
  242.                 consentKnown = true;
  243.                 consentGranted = (
  244.                     tcData.gdprApplies === false
  245.                     || (
  246.                         consents[1] === true
  247.                         && consents[8] === true
  248.                         && consents[9] === true
  249.                     )
  250.                 );
  252.                 if (!consentGranted) {
  253.                     clearIdentity();
  254.                 }
  256.                 flushPendingIdentityCallbacks();
  257.             }
  259.             function attachCmpListener() {
  260.                 if (cmpListenerAttached) {
  261.                     return;
  262.                 }
  264.                 if (typeof window.__tcfapi !== 'function') {
  265.                     if (Date.now() - cmpStartedAt < CMP_RETRY_LIMIT_MS) {
  266.                         setTimeout(attachCmpListener, CMP_RETRY_INTERVAL_MS);
  267.                     }
  269.                     return;
  270.                 }
  272.                 cmpListenerAttached = true;
  274.                 window.__tcfapi('addEventListener', 2, (tcData, success) => {
  275.                     if (!success || !tcData) {
  276.                         return;
  277.                     }
  279.                     if (
  280.                         tcData.eventStatus !== 'tcloaded'
  281.                         && tcData.eventStatus !== 'useractioncomplete'
  282.                     ) {
  283.                         return;
  284.                     }
  286.                     applyConsent(tcData);
  287.                 });
  288.             }
  290.             function initConsent() {
  291.                 cmpStartedAt = Date.now();
  292.                 attachCmpListener();
  293.             }
  295.             function getState() {
  296.                 return {
  297.                     consentKnown: consentKnown,
  298.                     consentGranted: consentGranted,
  299.                     pageviewKey: pageviewKey,
  300.                     visitorKey: consentGranted ? getCookie(VISITOR_COOKIE) : null,
  301.                     session: consentGranted
  302.                         ? localStorage.getItem(SESSION_STORAGE_KEY)
  303.                         : null
  304.                 };
  305.             }
  307.             return {
  308.                 getIdentity: getIdentity,
  309.                 withIdentity: withIdentity,
  310.                 clearIdentity: clearIdentity,
  311.                 getState: getState
  312.             };
  313.         })();
  314.     </script>
  316.     <script language="JavaScript" type="text/javascript">
  317.         document.write('<img src=https://toplist.cz/dot.asp?id=61738&amp;http=' + escape(document.referrer) + '&amp;wi=' + escape(window.screen.width) + '&amp;he=' + escape(window.screen.height) + '&amp;t=' + escape(document.title) + ' width="1" height="1" border=0 alt=" " />');
  318.     </script>
  319.     <noscript><img src=https://toplist.cz/dot.asp?id=61738 border="0" alt=" " width="1" height="1"/></noscript>
  321.     <!-- (C)2000-2015 Gemius SA - gemiusAudience / autanet.cz / Homepage -->
  322.     <script type="text/javascript">
  323.         var pp_gemius_identifier = 'ogg70HNn3AMZzJdBUqRQipcPzStg1JrY61PGru.QL2P.47';
  324.         var pp_gemius_use_cmp = true;
  326.         function gemius_pending(i) {
  327.             window[i] = window[i] || function () {
  328.                 var x = window[i + '_pdata'] = window[i + '_pdata'] || [];
  329.                 x[x.length] = arguments;
  330.             };
  331.         };
  332.         gemius_pending('gemius_hit');
  333.         gemius_pending('gemius_event');
  334.         gemius_pending('pp_gemius_hit');
  335.         gemius_pending('pp_gemius_event');
  336.         (function (d, t) {
  337.             try {
  338.                 var gt = d.createElement(t), s = d.getElementsByTagName(t)[0],
  339.                     l = 'http' + ((location.protocol == 'https:') ? 's' : '');
  340.                 gt.setAttribute('async', 'async');
  341.                 gt.setAttribute('defer', 'defer');
  342.                 gt.src = l + '://spir.hit.gemius.pl/xgemius.js';
  343.                 s.parentNode.insertBefore(gt, s);
  344.             } catch (e) {
  345.             }
  346.         })(document, 'script');
  348.     </script>
  349.     {% set queryParams = app.request.query.all %}
  350.     {% if isBasicDealer is defined and isBasicDealer %}
  351.         <meta name="robots" content="noindex, follow">
  352.     {% elseif queryParams['vehicleId'] is defined or app.environment != 'prod' %}
  353.         <meta name="robots" content="noindex, nofollow">
  354.     {% else %}
  355.         <meta name="robots" content="all">
  356.     {% endif %}
  358.     {% block mobileBranding %}
  359.         {% set excludedRoutes = [
  360.             'app_homepage',
  361.             'page_vehicle_search',
  362.             'page_vehicle_detail',
  363.             'page_vehicle_detail_seo',
  364.             'page_dealer',
  365.             'page_dealer_detail',
  366.             'page_dealer_vehicle',
  367.             'page_prohlidka_ojeteho_auta',
  368.             'vehicle_inspection_form',
  369.             'vehicle_search_form',
  370.             'dealer_inspection_form',
  371.             'page_proverit_auto'
  372.         ] %}
  374.         {% set currentRoute = app.request.attributes.get('_route') %}
  376.         {% if currentRoute not in excludedRoutes %}
  377.             <script async src="https://cdn.performax.cz/yi/adsbypx/px_autoads.js?aab=ulite"></script>
  378.             <link rel="stylesheet" href="https://cdn.performax.cz/yi/adsbypx/px_autoads.css"/>
  379.         {% endif %}
  380.     {% endblock %}
  381. </head>
  384. <body class="{% block body_class %}{% endblock %}">
  385. <!-- Google Tag Manager (noscript) -->
  386. <noscript>
  387.     <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NJJFCJ"
  388.             height="0" width="0" style="display:none;visibility:hidden"></iframe>
  389. </noscript>
  390. <!-- End Google Tag Manager (noscript) -->
  391. </body>
  392. <header class="header">
  393.     <div class="header__overlay js-header__overlay"></div>
  394.     <div class="header__container">
  395.         <a class="header__logo" href="{{ path('app_homepage') }}">
  396.             <img src="{{ asset('img/header__logo.svg') }}" alt="" loading="lazy">
  397.         </a>
  398.         <div class="header__collapse js-header__collapse">
  399.             <nav class="header__nav">
  400.                 <div class="header__nav-dropdown">
  401.                     <div class="header__nav-dropdown-toggler js-header__nav-dropdown-toggler">Nabídka vozidel</div>
  402.                     <div class="header__nav-dropdown-collapse">
  403.                         <div class="header__nav-submenu">
  404.                             <a class="header__nav-submenu-item" href="/osobni-vozidla">Osobní</a>
  405.                             <a class="header__nav-submenu-item" href="/uzitkova-vozidla">Užitková</a>
  406.                             <a class="header__nav-submenu-item" href="/nakladni-vozidla">Nákladní</a>
  407.                             <a class="header__nav-submenu-item" href="/obytna-vozidla">Obytná</a>
  408.                             <a class="header__nav-submenu-item" href="/motorky-skutry">Motorky</a>
  409.                             <a class="header__nav-submenu-item" href="/privesy-a-navesy">Přívěsy a návěsy</a>
  410.                             <a class="header__nav-submenu-item" href="/autobusy">Autobusy</a>
  411.                             <a class="header__nav-submenu-item" href="/pracovni-stroje">Pracovní stroje</a>
  412.                             <a class="header__nav-submenu-item" href="/nahradni-dily">Náhradní díly</a>
  413.                             <a class="header__nav-submenu-item" href="/prislusenstvi">Příslušenství</a>
  414.                         </div>
  415.                     </div>
  416.                 </div>
  417.                 <a href="{{ path('page_dealer') }}">Prodejci</a>
  418.                 <a href="{{ path('page_blog', { urlKind: 'testy-aut'  }) }}">Testy aut</a>
  419.                 <a href="{{ path('page_proverit_auto') }}">Prověřit auto</a>
  420.                 <div class="header__nav-dropdown">
  421.                     <div class="header__nav-dropdown-toggler js-header__nav-dropdown-toggler">Magazín</div>
  422.                     <div class="header__nav-dropdown-collapse">
  423.                         <div class="header__nav-submenu">
  424.                             <a class="header__nav-submenu-item" href="{{ path('page_blog', { urlKind: 'novinky'  }) }}">Novinky</a>
  425.                             <a class="header__nav-submenu-item"
  426.                                href="{{ path('page_blog', { urlKind: 'rady-a-tipy'  }) }}">Rady a tipy</a>
  427.                             <a class="header__nav-submenu-item"
  428.                                href="{{ path('page_blog', { urlKind: 'nove-modely'  }) }}">Nové modely</a>
  429.                             <a class="header__nav-submenu-item" href="{{ path('page_blog', { urlKind: 'ojetiny'  }) }}">Ojetiny</a>
  430.                             <a class="header__nav-submenu-item"
  431.                                href="{{ path('page_blog', { urlKind: 'auto-a-zivot'  }) }}"> Auto a život</a>
  432.                         </div>
  433.                     </div>
  434.                 </div>
  435.             </nav>
  436.         </div>
  437.         <div class="header__toggler js-header__toggler">
  438.             <span></span>
  439.         </div>
  440.     </div>
  441. </header>
  443. {% include 'admin-menu.html.twig' %}
  445. <main{% block main_class %}{% endblock %}>
  446.     {% if show_flash_messages is not defined or show_flash_messages %}
  447.         {% for label, messages in app.flashes %}
  448.             {% for message in messages %}
  449.                 <div class="alert alert-{{ label }}">
  450.                     {{ message }}
  451.                 </div>
  452.             {% endfor %}
  453.         {% endfor %}
  454.     {% endif %}
  455.     {% block body %}  {% endblock %}
  457.     <script>
  458.         const bannerBasePath = '/img/partner/banner';
  459.         const bannerRoutes = {
  460.             desktop: '{{ path('app_banner') }}',
  461.             mobile: '{{ path('app_mobile_banner') }}'
  462.         };
  464.         const currentPath = window.location.pathname;
  466.         Promise.all([
  467.             fetch(bannerRoutes.desktop).then(response => response.json()),
  468.             fetch(bannerRoutes.mobile).then(response => response.json())
  469.         ])
  470.             .then(([desktopBannerData, mobileBannerData]) => {
  471.                 const bannerContainer = document.getElementById('banner-container');
  472.                 let mobileBannerContainer = document.getElementById('banner-mobile-container');
  474.                 const blogTextContainer = document.getElementById('blog-text');
  476.                 if (blogTextContainer) {
  477.                     if (mobileBannerContainer) {
  478.                         mobileBannerContainer.dataset.autanetPartnerBannerPlacement = 'B08';
  479.                     }
  481.                     const allParagraphs = Array.from(blogTextContainer.querySelectorAll('p')).filter(p => !p.querySelector('img'));
  482.                     const fifthParagraph = allParagraphs[4];
  484.                     if (fifthParagraph) {
  485.                         if (!mobileBannerContainer) {
  486.                             mobileBannerContainer = document.createElement('div');
  487.                             mobileBannerContainer.id = 'banner-mobile-container';
  488.                             mobileBannerContainer.classList.add('banner-mobile');
  489.                             mobileBannerContainer.dataset.autanetPartnerBannerPlacement = 'B08';
  490.                             document.body.appendChild(mobileBannerContainer);
  491.                         }
  493.                         mobileBannerContainer.innerHTML = `
  494.                 <a href="${mobileBannerData.url}">
  495.                     <img src="${bannerBasePath}/${mobileBannerData.image}" alt="Partner banner">
  496.                 </a>
  497.             `;
  498.                         fifthParagraph.insertAdjacentElement('afterend', mobileBannerContainer);
  499.                     }
  500.                 }
  502.                 if (bannerContainer && desktopBannerData) {
  503.                     bannerContainer.innerHTML = `
  504.             <a href="${desktopBannerData.url}" data-banner-id="${desktopBannerData.id}" data-autanet-partner-id="${desktopBannerData.autanet_partner_id}" class="banner-link">
  505.                 <img src="${bannerBasePath}/${desktopBannerData.image}" alt="Partner banner">
  506.             </a>
  507.         `;
  508.                 }
  509.                 if (mobileBannerContainer && mobileBannerData) {
  510.                     mobileBannerContainer.innerHTML = `
  511.             <a href="${mobileBannerData.url}" data-banner-id="${mobileBannerData.id}" data-autanet-partner-id="${mobileBannerData.autanet_partner_id}" class="banner-link">
  512.                 <img src="${bannerBasePath}/${mobileBannerData.image}" alt="Partner banner">
  513.             </a>
  514.         `;
  515.                 }
  516.                 const trackAutanetPartnerBannerImpression = (link, container) => {
  517.                     if (!container) {
  518.                         return;
  519.                     }
  521.                     const placement = container.dataset.autanetPartnerBannerPlacement;
  523.                     if (!['B01', 'B02', 'B03', 'B04', 'B05', 'B06', 'B07', 'B08'].includes(placement)) {
  524.                         return;
  525.                     }
  527.                     const bannerId = link.getAttribute('data-banner-id');
  528.                     const partnerId = link.getAttribute('data-autanet-partner-id');
  530.                     if (!bannerId || !partnerId || !window.AutanetAnalytics) {
  531.                         return;
  532.                     }
  534.                     let visibleSince = null;
  535.                     let impressionSent = false;
  537.                     const observer = new IntersectionObserver(entries => {
  538.                         entries.forEach(entry => {
  539.                             if (impressionSent) {
  540.                                 return;
  541.                             }
  543.                             if (entry.isIntersecting && entry.intersectionRatio >= 0.5) {
  544.                                 if (visibleSince === null) {
  545.                                     visibleSince = Date.now();
  546.                                 }
  548.                                 if (Date.now() - visibleSince >= 1000) {
  549.                                     impressionSent = true;
  550.                                     observer.disconnect();
  552.                                     window.AutanetAnalytics.withIdentity(identity => {
  553.                                         if (!identity) {
  554.                                             return;
  555.                                         }
  557.                                         const body = new URLSearchParams({
  558.                                             event_type: 'banner_impression',
  559.                                             placement: placement,
  560.                                             banner_id: bannerId,
  561.                                             partner_id: partnerId,
  562.                                             device: window.matchMedia('(max-width: 767px)').matches ? 'mobile' : 'desktop',
  563.                                             visitor_key: identity.visitorKey,
  564.                                             session_key: identity.sessionKey,
  565.                                             pageview_key: identity.pageviewKey
  566.                                         });
  568.                                         fetch('/analytics/event', {
  569.                                             method: 'POST',
  570.                                             headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'},
  571.                                             body: body.toString(),
  572.                                             keepalive: true
  573.                                         });
  574.                                     });
  575.                                 }
  576.                             } else {
  577.                                 visibleSince = null;
  578.                             }
  579.                         });
  580.                     }, {threshold: [0, 0.5, 1]});
  582.                     observer.observe(link);
  584.                     const timer = window.setInterval(() => {
  585.                         if (impressionSent || !document.body.contains(link)) {
  586.                             window.clearInterval(timer);
  587.                             return;
  588.                         }
  590.                         const rect = link.getBoundingClientRect();
  591.                         const visibleHeight = Math.max(0, Math.min(rect.bottom, window.innerHeight) - Math.max(rect.top, 0));
  592.                         const ratio = rect.height > 0 ? visibleHeight / rect.height : 0;
  594.                         if (ratio >= 0.5) {
  595.                             if (visibleSince === null) {
  596.                                 visibleSince = Date.now();
  597.                             }
  599.                             if (Date.now() - visibleSince >= 1000) {
  600.                                 impressionSent = true;
  601.                                 window.clearInterval(timer);
  602.                                 observer.disconnect();
  604.                                 window.AutanetAnalytics.withIdentity(identity => {
  605.                                     if (!identity) {
  606.                                         return;
  607.                                     }
  609.                                     const body = new URLSearchParams({
  610.                                         event_type: 'banner_impression',
  611.                                         placement: placement,
  612.                                         banner_id: bannerId,
  613.                                         partner_id: partnerId,
  614.                                         device: window.matchMedia('(max-width: 767px)').matches ? 'mobile' : 'desktop',
  615.                                         visitor_key: identity.visitorKey,
  616.                                         session_key: identity.sessionKey,
  617.                                         pageview_key: identity.pageviewKey
  618.                                     });
  620.                                     fetch('/analytics/event', {
  621.                                         method: 'POST',
  622.                                         headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'},
  623.                                         body: body.toString(),
  624.                                         keepalive: true
  625.                                     });
  626.                                 });
  627.                             }
  628.                         } else {
  629.                             visibleSince = null;
  630.                         }
  631.                     }, 250);
  632.                 };
  634.                 document.querySelectorAll('.banner-link').forEach(link => {
  635.                     const container = link.closest('#banner-container, #banner-mobile-container');
  636.                     trackAutanetPartnerBannerImpression(link, container);
  638.                     link.addEventListener('click', function (e) {
  639.                         e.preventDefault();
  640.                         const bannerId = this.getAttribute('data-banner-id');
  641.                         const partnerId = this.getAttribute('data-autanet-partner-id');
  642.                         const container = this.closest('#banner-container, #banner-mobile-container');
  643.                         const placement = container ? container.dataset.autanetPartnerBannerPlacement : null;
  645.                         if (
  646.                             ['B01', 'B02', 'B03', 'B04', 'B05', 'B06', 'B07', 'B08'].includes(placement)
  647.                             && partnerId
  648.                             && window.AutanetAnalytics
  649.                         ) {
  650.                             window.AutanetAnalytics.withIdentity(identity => {
  651.                                 if (identity) {
  652.                                     const body = new URLSearchParams({
  653.                                         event_type: 'banner_click',
  654.                                         placement: placement,
  655.                                         banner_id: bannerId,
  656.                                         partner_id: partnerId,
  657.                                         device: window.matchMedia('(max-width: 767px)').matches ? 'mobile' : 'desktop',
  658.                                         visitor_key: identity.visitorKey,
  659.                                         session_key: identity.sessionKey,
  660.                                         pageview_key: identity.pageviewKey
  661.                                     });
  663.                                     fetch('/analytics/event', {
  664.                                         method: 'POST',
  665.                                         headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'},
  666.                                         body: body.toString(),
  667.                                         keepalive: true
  668.                                     });
  669.                                 }
  670.                             });
  671.                         }
  673.                         fetch(`/banner/${bannerId}/click`, {method: 'POST'})
  674.                             .then(() => {
  675.                                 window.location.href = this.href;
  676.                             });
  677.                     });
  678.                 });
  679.             })
  680.             .catch(error => console.error('Error loading banners:', error));
  681.     </script>
  683. </main>
  685. {% block footer %}
  686.     {{ render(controller( 'App\\Controller\\PageController::footer', { request: app.request } )) }}
  687. {% endblock %}
  689. <script src="{{ asset('plugins/OverlayScrollbars-1.x/js/jquery.overlayScrollbars.min.js') }}"></script>
  690. <script src="{{ asset('plugins/Gallery-master/js/blueimp-gallery.min.js') }}"></script>
  691. <script src="{{ asset('plugins/slick/slick.min.js') }}"></script>
  692. <script src="{{ asset('js/default.js') }}?v=2026082401"></script>
  695. </html>