Social Media auf der Vereinshomepage

Viele Vereine nutzen Facebook, um ihre Community zu informieren – doch die Timeline auf der eigenen zLiga-Seite lädt oft nicht in Google Chrome. Der Grund: Datenschutz. Die Lösung? Ein DSGVO-konformer Embed mit aktiver Zustimmung. So geht’s – Schritt für Schritt.

So binden Sie Ihre Facebook-Timeline datenschutzkonform ein

Früher reichte ein einfacher Code-Schnipsel. Heute blockieren Browser wie Chrome externe Inhalte aus Datenschutzgründen – es sei denn, der Besucher stimmt aktiv zu. Ohne diese Zustimmung bleibt die Timeline leer. Das ist richtig – aber für Vereine oft frustrierend.

Die gute Nachricht: Mit einem kleinen, sicheren Code können Sie Ihre Facebook-Beiträge zuverlässig, browserkompatibel und DSGVO-konform auf Ihrer zLiga-Seite zeigen.

So funktioniert’s – in 3 Schritten
  1. Öffnen Sie im zLiga-CMS die gewünschte Seite (z. B. „Social Media“ oder „News“).
  2. Wechseln Sie in den HTML-Modus des Editors (Symbol:
  3. Fügen Sie folgenden HTML-Code ein:
Beispielcode zum Einfügen

<script>
  document.getElementById('load-facebook').addEventListener('click', function() {
    document.getElementById('facebook-placeholder').style.display = 'none';
    const el = document.getElementById('facebook-embed');
    el.style.display = 'block';

    if (!window.fbAsyncInit) {
      window.fbAsyncInit = () => FB.init({ xfbml: true, version: 'v20.0' });
      const d = document, s = 'script', id = 'facebook-jssdk';
      const fjs = d.getElementsByTagName(s)[0];
      if (!d.getElementById(id)) {
        const js = d.createElement(s); js.id = id;
        js.src = 'https://connect.facebook.net/de_DE/sdk.js';
        js.crossOrigin = 'anonymous';
        fjs.parentNode.insertBefore(js, fjs);
      }
    }

    el.innerHTML = `
      <div class="fb-page"
           data-href="https://www.facebook.com/IHR_FACEBOOK_NAME"
           data-tabs="timeline"
           data-width="700"
           data-height="1800"
           data-small-header="true"
           data-adapt-container-width="true"
           data-hide-cover="false"
           data-show-facepile="false">
      </div>
    `;
  });
</script>

Wichtig: Ersetzen Sie IHR_FACEBOOK_NAME durch den tatsächlichen Namen Ihrer Facebook-Seite.
Beispiel: Aus https://www.facebook.com/otg1902gera wird → otg1902gera
Warum diese Lösung funktioniert
  • DSGVO-konform: Kein Tracking ohne aktive Zustimmung
  • Browserkompatibel: Funktioniert in Chrome, Firefox, Edge und Safari
  • Schnelle Ladezeit: Facebook wird erst bei Klick geladen
  • Klare Nutzerkommunikation: Besucher wissen, was passiert
Und was ist mit Instagram?

Leider: Instagram erlaubt keine Timeline-Einbindung mehr. Selbst einzelne Beiträge werden oft blockiert oder erfordern eine Anmeldung.

Empfehlung: Nutzen Sie stattdessen ein DSGVO-konformes Drittanbieter-Widget wie Elfsight oder Smash Balloon. Diese zeigen Ihre Bilder serverseitig an – ohne Tracking.

Hinweis: Direkte Instagram-Embeds über Facebook-Code sind nicht mehr zuverlässig und nicht datenschutzkonform.
Bonus-Tipp: Automatisches Posten Ihrer News

Wussten Sie, dass Ihre zLiga-News automatisch auf Facebook erscheinen können? Nutzen Sie Ihren RSS-Feed (verfügbar unter IhreVereinsseite.de/rss) mit Tools wie Blog2Social oder dlvr.it, um jeden neuen Artikel als Social-Media-Beitrag zu veröffentlichen.

Fazit

Mit der richtigen Einbindung wird Social Media zum starken Baustein Ihrer Vereinskommunikation – sicher, stabil und datenschutzkonform.