So beschränken Sie den Zugriff auf bestimmte Inhalte der Website

So funktioniert's

Sie können Inhalte auf Ihrer Website für verschiedene Benutzergruppen ausblenden, z. B. wenn die Website über einzigartige Inhalte verfügt, die nur per Abonnement zugänglich sein sollen, Sie die Aufmerksamkeit der Benutzer auf das Spiel lenken oder Ihre Website sicherer gestalten möchten. Die Zugriffsbeschränkung lässt sich auf eine der folgenden Arten konfigurieren:

Wie komme ich dazu

Voraussetzungen

  1. Öffnen Sie Ihr Projekt im Kundenportal.
  2. Klicken Sie im seitlichen Menü auf Website-Baukasten.
  3. Klicken Sie im entsprechenden Bereich auf Website-Baukasten öffnen.

  1. Fügen Sie im Header-Block die Login-Komponente hinzu, und wählen Sie in der Drop-down-Liste das Login-Projekt aus, in dem die Benutzerdaten gespeichert sind.

Zugriff mit benutzerdefiniertem HTML-Code beschränken

Sie können eine bestehende Lösung nutzen oder Ihren eigenen Code hinzufügen.

Bestehende Lösung nutzen

  1. Klicken Sie im Website-Baukasten auf Block hinzufügen und dann auf Benutzerdefinierter Code.

  1. Fügen Sie den folgenden Code in den Block ein:

Copy
Full screen
Small screen
<script>
  (function () {
    var blockArray = [
      {
        blockName: '.block--packs',
        blockNumber: 0
      },
      {
        blockName: '.block--description',
        blockNumber: 0
      }
    ];

    function checkAuth(authToken) {
      function handleBlock(hide) {
        setTimeout(function () {
          blockArray.map(function (block) {
            return document.querySelectorAll(block.blockName)[block.blockNumber];
          })
            .forEach(function (element) {
              if (element) {
                element.style.display = hide ? 'none' : 'block';
              }
            });
        }, 0);
      }

      var token = /xsolla_login_token_sb=(.*);?/.exec(document.cookie);
      token = token && token[1] || authToken;
      if (!token) {
        handleBlock(true);
        return;
      }
      var info = JSON.parse(atob(token.slice(token.indexOf('.') + 1, token.lastIndexOf('.'))));
      var isAuth = Date.now() / 1000 < info.exp;
      if (!isAuth) {
        handleBlock(true);
        return;
      }
      handleBlock(false);
    }

    checkAuth();
    window.addEventListener('sb_xsolla_login_success', function (e) {
      checkAuth(e.detail);
    });
  })();
</script>

  1. Modifizieren Sie im Array blockArray die folgenden Parameter für jeden auszublendenden Block:
    • blockName: Name der CSS-Klasse des Blocks. Möglich sind:
      • .block--header (Header-Block)
      • .block--hero (Call-To-Action-Block)
      • .block--html (Benutzerdefinierter Code-Block)
      • .block--packs (Pakete-Block)
      • .block--description (Beschreibung-Block)
      • .block--gallery (Galerie-Block)
      • .block--requirements (Systemanforderungen-Block)
      • .block--faq (FAQs-Block)
      • .block--embed ( Social-Media-Widgets-Block)
      • .block--news (Neuigkeiten-Block)
      • .block--footer (Footer-Block)
    • blockNumber: Fortlaufende Nummer des Blocks. Der Mindestwert ist 0.
  2. Klicken Sie auf Vorschau, um sich die Änderungen anzeigen zu lassen.

Tutorial-Video zur Anleitung:


Eigenen Code hinzufügen

  1. Klicken Sie im Website-Baukasten auf Block hinzufügen und dann auf Benutzerdefinierter Code.

  1. Fügen Sie Ihren eigenen Code in den Block ein.

Zugriff auf Inhalte mittels Abonnementgruppen beschränken

So beschränken Sie den Zugriff auf einen Block mittels Abonnementgruppen:

  1. Richten Sie ein oder mehrere Abo-Modelle ein.
  2. Klicken Sie im seitlichen Menü auf Website-Baukasten.
  3. Klicken Sie im entsprechenden Bereich auf Website-Baukasten öffnen.
  4. Wechseln Sie zu den Einstellungen des Blocks, auf den der Zugriff beschränken werden soll.
  5. Wählen Sie im Feld Wer kann diesen Block sehen eine oder mehrere Abonnementgruppen aus. Nach der Veröffentlichung der Änderungen wird der Block nur autorisierten Benutzern mit dem entsprechenden Abonnement angezeigt. Bei nicht autorisierten Benutzern und autorisierten Benutzern ohne das entsprechende Abonnement wird der Block ausgeblendet.

Note
Die Einschränkung lässt sich für alle Blöcke festlegen, mit Ausnahme der Blöcke Header, Footer, Promo-Slideshow und Benutzerdefinierter Code.

  1. Prüfen Sie, wie die mittels Beschränkungseinstellungen ausgeblendeten Blöcke angezeigt werden. Klicken Sie dazu auf die Schaltfläche Vorschau, und wählen Sie oben aus der Drop-down-Liste eine Abonnementgruppe aus.

Beispielhafter ausgeblendeter Block, der für eine Abonnementgruppe zugänglich ist

Beispielhafter ausgeblendeter Block, der für mehrere Abonnementgruppen zugänglich ist

War dieser Artikel hilfreich?
Vielen Dank!
Gibt es etwas, das wir verbessern können? Nachricht
Das tut uns leid
Bitte erläutern Sie, weshalb dieser Artikel nicht hilfreich ist. Nachricht
Vielen Dank für Ihr Feedback!
Wir werden Ihr Feedback aufgreifen und dazu nutzen, Ihr Erlebnis verbessern.
Diese Seite bewerten
Diese Seite bewerten
Gibt es etwas, das wir verbessern können?

Jetzt nicht

Vielen Dank für Ihr Feedback!

Nützliche Links

Letztmalig aktualisiert: 20. Juli 2021

Haben Sie einen Tippfehler oder einen anderen Textfehler gefunden? Wählen Sie den Text aus und drücken Sie Strg+Eingabe.

Problem melden
Wir überprüfen unsere Inhalte ständig. Ihr Feedback hilft uns, sie zu verbessern.
Geben Sie eine E-Mail-Adresse an, damit wir Sie erreichen können
Vielen Dank für Ihr Feedback!