Wat kun je verwachten?

<div id="goudentip-houder" style="width: 100%">
  <iframe
    id="goudentip"
    title="Vind de Gouden TIP Truck"
    style="display: block; width: 100%; height: 2400px; border: 0"
    loading="eager"
    allow="clipboard-write"
    referrerpolicy="strict-origin-when-cross-origin"></iframe>
</div>

<script>
(function () {
  'use strict';

  var PLATFORM = 'https://goudentip.goldtau.com';
  var frame = document.getElementById('goudentip');
  var houder = document.getElementById('goudentip-houder');
  if (!frame || !houder) return;

  var parameters = new URLSearchParams(window.location.search);
  var sleutel = parameters.get('login');
  var utm = (parameters.get('utm') || '').toLowerCase().replace(/[^a-z0-9._-]/g, '').slice(0, 40);

  var vraag = [];
  if (sleutel) vraag.push('login=' + encodeURIComponent(sleutel));
  if (utm) vraag.push('utm=' + encodeURIComponent(utm));
  frame.src = PLATFORM + '/' + (vraag.length ? '?' + vraag.join('&') : '');

  if (sleutel) {
    parameters.delete('login');
    var rest = parameters.toString();
    window.history.replaceState({}, document.title,
      window.location.pathname + (rest ? '?' + rest : '') + window.location.hash);
  }

  var nogSchuiven = !!sleutel;

  function naarFrame() {
    var zacht = !window.matchMedia
      || window.matchMedia('(prefers-reduced-motion: no-preference)').matches;
    window.scrollTo({
      top: Math.max(0, window.scrollY + frame.getBoundingClientRect().top - 24),
      behavior: zacht ? 'smooth' : 'auto'
    });
  }

  var ANKERS = { '#aanmelden': 'aanmelden' };

  function vraagPlatform(naam) {
    try {
      frame.contentWindow.postMessage({ type: 'goudentip-naar', naar: naam }, PLATFORM);
    } catch (err) {
      naarFrame();
    }
  }

  document.addEventListener('click', function (e) {
    var link = e.target && e.target.closest ? e.target.closest('a[href*="#"]') : null;
    if (!link) return;
    var hash = '#' + (link.href || '').split('#')[1];
    if (!ANKERS[hash]) return;
    if (link.pathname !== window.location.pathname || link.host !== window.location.host) return;
    e.preventDefault();
    vraagPlatform(ANKERS[hash]);
  });

  if (ANKERS[window.location.hash]) nogSchuiven = true;
  var ankerBijBinnenkomst = ANKERS[window.location.hash] || '';

  window.addEventListener('message', function (e) {
    if (e.origin !== PLATFORM || !e.data) return;

    if (e.data.type === 'goudentip-height') {
      var hoogte = parseInt(e.data.height, 10);
      if (isNaN(hoogte)) return;

      if (hoogte === 0) {
        houder.style.display = 'none';
        frame.style.height = '0px';
        return;
      }

      if (hoogte >= 80) {
        houder.style.display = '';
        frame.style.height = hoogte + 'px';
        if (nogSchuiven) {
          nogSchuiven = false;
          if (ankerBijBinnenkomst) vraagPlatform(ankerBijBinnenkomst);
          else naarFrame();
        }
      }
      return;
    }

    if (e.data.type === 'goudentip-scroll') {
      var binnen = parseInt(e.data.top, 10);
      if (isNaN(binnen) || binnen < 0) binnen = 0;
      var naar = window.scrollY + frame.getBoundingClientRect().top + binnen - 24;
      window.scrollTo({ top: Math.max(0, naar), behavior: 'smooth' });
    }
  });
})();
</script>

<ul>
	<li>Een reeks gouden tips</li>
	<li>Elke tip brengt je dichter bij de locatie</li>
	<li>De zoektocht speelt zich af in Nederland en België</li>
	<li>De vinder wint</li>
</ul>

<h4><strong>en win een jaar lang gratis trucklease!&nbsp;</strong></h4>

<p class="MsoNormal">Ergens in Nederland of België verstoppen wij een gouden truck.<br>
Ben jij degene die hem vindt? Mis de eerste gouden tip niet!</p>

<p class="MsoNormal"><a data-drupal-button-link="btn" data-drupal-button-link-style="btn-red" href="#aanmelden" class="btn btn-red">MELD JE AAn</a></p>

en win een jaar lang gratis trucklease!

Vind de gouden TIP truck

Wat kun je verwachten?