Comment adapter Webflow selon la source de trafic ?

(function() {
  var params = new URLSearchParams(window.location.search);
  var ref = document.referrer;
  var source = params.get('utm_source') || '';

  function getSource() {
    if (source) return source.toLowerCase();
    if (ref.includes('linkedin')) return 'linkedin';
    if (ref.includes('twitter') || ref.includes('x.com')) return 'twitter';
    if (ref.includes('google')) return 'google';
    if (ref.includes('facebook') || ref.includes('instagram')) return 'meta';
    if (ref === '') return 'direct';
    return 'other';
  }

  var src = getSource();
  document.body.setAttribute('data-traffic-source', src);

  // Contenu dynamique selon la source
  var messages = {
    'linkedin':  'Bienvenue depuis LinkedIn ! Découvrez comment nous aidons les équipes B2B.',
    'google':    'Vous nous avez trouvés sur Google. Voici ce que nous faisons.',
    'meta':      'Bienvenue depuis nos annonces ! Voici notre offre.',
    'direct':    'Bienvenue ! Voici ce que fait Gemeos.',
    'other':     'Bienvenue sur Gemeos.'
  };

  var el = document.getElementById('source-message');
  if (el) el.textContent = messages[src] || messages['other'];

  // Afficher/masquer des éléments par source
  document.querySelectorAll('[data-show-source]').forEach(function(el) {
    var sources = el.dataset.showSource.split(',');
    el.style.display = sources.indexOf(src) !== -1 ? '' : 'none';
  });
})();

/* Dans un embed CSS global */
[data-traffic-source='linkedin'] .hero-cta { background: #0077b5; }
[data-traffic-source='google'] .promo-banner { display: block; }