Das AccessGO-Plugin lässt sich in alle CMS- und Shopsysteme integrieren und unterstützt so die barrierefreie Gestaltung Ihrer Website. Mit dieser Anleitung erfahren Sie, wie Sie das AccessGO-Plugin korrekt in Ihre Website einfügen. Die Integration ist in wenigen Minuten abgeschlossen und erfordert keine technischen Vorkenntnisse.
Falls Sie AccessGO zum ersten Mal verwenden, finden Sie alle notwendigen Schritte zur Registrierung und Ersteinrichtung in unserem Artikel Erste Schritte mit AccessGO.
SCHRITT 1: Domain im AccessGO-Account hinzufügen
Damit das AccessGO-Plugin auf Ihrer Website aktiviert werden kann, muss Ihre Domain in Ihrem AccessGO-Account hinterlegt sein und eine Lizenz zugewiesen haben. In der Testphase ist dies automatisch eine Testlizenz des PRO Pakets.
Falls Sie Ihre Domain während der Registrierung noch nicht hinterlegt haben oder eine andere hinzufügen möchten, können Sie dies ganz einfach in Ihrem AccessGO-Konto tun. Öffnen Sie dafür den Bereich Domains und klicken Sie auf Domain hinzufügen.
💡 Tipp: Wenn Sie eine bereits hinterlegte Domain ändern möchten, empfehlen wir, diese nicht zu löschen. Öffnen Sie in Ihrem Dashboard den Bereich Domains, klicken Sie auf Bearbeiten bei der entsprechenden Domain und tragen Sie dort die korrekte Domain ein.
SCHRITT 2: AccessGO-Code kopieren
Nachdem Sie Ihre Domain im Account hinzugefügt haben, erhalten Sie automatisch einen individuellen JavaScript-Code für Ihre Website. Diesen Code müssen Sie nun in Ihre Website einfügen, damit das AccessGO-Plugin angezeigt werden kann.
Je nach System können Sie ihn beispielsweise direkt im Footer ihrer Website einfügen, in WordPress komfortabel per Plugin integrieren oder über den Google Tag Manager ausspielen. Weiter unten finden Sie die passenden Anleitungen für WordPress, den Google Tag Manager und weitere CMS-Systeme.
💡 Tipp: In Ihrem AccessGO-Account können Sie vor der Integration die Position und Farbe des Plugins anpassen. So fügt sich das Plugin optisch optimal in das Design Ihrer Website ein. (Verlinkung zu Helpdeskartikeln)
Hinweis: In einigen Fällen kann der Code nur von der betreuenden Agentur des Unternehmens eingefügt werden. Sollte das bei Ihnen der Fall sein, leiten Sie den Code bitte an Ihre Agentur weiter. Diese übernimmt anschließend die Implementierung.
SCHRITT 3: Code in Ihre Website einfügen
Öffnen Sie den Bereich Ihrer Website, in dem Sie einen eigenen Code oder Zusatzfunktionen einfügen können. In vielen Website-Systemen finden Sie dafür einen Abschnitt mit der Bezeichnung Header, Footer oder Eigener Code. Ihren Code finden Sie in Ihrem AcccessGO-Account unter dem Menüpunkt Plugin. Kopieren Sie den angezeigten Code und fügen Sie ihn dort in das Textfeld für Skripte oder HTML-Code ein.
Der Code kann grundsätzlich an jeder Stelle der Website eingefügt werden, empfohlen wird jedoch der Footer, damit das Widget direkt beim Laden der Seite aktiviert wird. Speichern Sie Ihre Änderung anschließend und veröffentlichen Sie die Seite, damit das Plugin aktiv wird.
AccessGO in WordPress einbinden:
Um AccessGO in WordPress zu integrieren, verwenden Sie den JavaScript-Code, der in Ihrem AccessGO-Account unter Plugin angezeigt wird.
Am einfachsten lässt sich der Code mit dem kostenlosen Plugin WPCode – Insert Headers, Footers and Code Snippets (https://wordpress.com/plugins/insert-headers-and-footers) in Ihrer Website integrieren.
Installieren und aktivieren Sie das Plugin und öffnen Sie anschließend in der linken Menüleiste Ihres WordPress-Dashboards den Punkt Codeausschnitte und danach Header & Footer.
Dort können Sie den kopierten AccessGO-Code in das Feld Footer einfügen und die Änderungen durch einen Klick auf Save Changes speichern.
AccessGO über den Google Tag Manager integrieren:
Auch über den Google Tag Manager lässt sich unser Plugin einbinden, ohne Änderungen am Quellcode Ihrer Website vorzunehmen.
1. Öffnen Sie den Google Tag Manager und wählen Sie den Container Ihrer Website aus. Erstellen Sie anschließend einen neuen Tag. Klicken Sie im Menü auf Tags und dann auf Neu. Vergeben Sie einen Namen wie AccessGO Script und wählen Sie unter Tag-Konfiguration die Option Benutzerdefiniertes HTML.
2. Fügen Sie nun den folgenden Code in das HTML-Feld ein: <script> (function () {var script =document.createElement(‚script'); script.src = "https://widget.accessgo.de/accessGoWidget.js"; script.type = „module"; script.async = true; document.head.appendChild(script);})(); </script>
3. Im nächsten Schritt legen Sie fest, wann der Tag ausgelöst werden soll. Klicken Sie auf Triggering und wählen Sie Window Loaded. Dadurch wird das AccessGO-Widget auf allen Seiten geladen, sobald das Fenster vollständig geöffnet ist.
4. Speichern Sie den Tag und senden Sie ihre Änderungen. Anschließend können Sie über Vorschau prüfen, ob das Widget korrekt eingebunden wurde. Geben Sie im Vorschaufenster die URL Ihrer Website ein. Wenn alles richtig eingerichtet ist, sehen Sie in der Tag-Übersicht, dass der neue AccessGO-Tag beim Laden der Seite ausgelöst wird.
Damit ist die Einbindung abgeschlossen. Das AccessGO-Widget wird nun automatisch auf allen Seiten Ihrer Website geladen, sobald der Google Tag Manager aktiv ist.
weitere Anleitungen finden Sie hier: