Auf Squarespace installieren

Eine Squarespace-Website wird mit einem Skript-Tag im websiteweiten Code-Injection-Header mit Universally verbunden. Das Tag rendert den Sprachumschalter und übersetzt jede Seite im Browser des Besuchers, sodass Ihre URLs in jeder Sprache gleich bleiben und kein DNS geändert werden muss. JavaScript-Serving-Modus erklärt, wie die Übersetzung funktioniert und was sie weglässt.

Bevor Sie beginnen

• Ein Squarespace-Plan mit Code Injection. Code Injection erfordert Core, Plus, Advanced oder einen berechtigten Legacy-Plan. Checkout-Seiten unterstützen keinen benutzerdefinierten Code.
• Die Rolle "Owner" oder "Admin" in Ihrem Universally-Arbeitsbereich, um das Projekt zu erstellen und dessen Snippet anzuzeigen. Editoren sehen "Bitten Sie einen Projektadministrator um das Installations-Snippet für dieses Projekt." anstelle der Zeile.
• Eine öffentliche Website auf Ihrer eigenen Domain. Die Verbindungsprüfung kann keine privaten oder passwortgeschützten Seiten lesen.

Projekt erstellen

1. Starten Sie ein neues Projekt. Wählen Sie unter Technologie auswählen die Option Squarespace.
2. Geben Sie Domain ein, die vollqualifizierte Domain, auf der Ihre Website veröffentlicht ist, z. B. example.com. Wenn die Domain noch nicht auflösbar ist, sehen Sie eine Warnung und können trotzdem fortfahren.
3. Geben Sie Projektname ein, überprüfen Sie Quellsprache (standardmäßig Englisch (US)) und klicken Sie auf Weiter.

Squarespace-Projekte haben keinen Serving-Modus zur Auswahl, daher ist der nächste Bildschirm Snippet hinzufügen. Sprach-Subdomains sind für Squarespace-Websites noch nicht verfügbar: Ihre Website wird vom Snippet auf ihren eigenen Adressen übersetzt.

Fügen Sie den Snippet hinzu

Der Schritt Snippet hinzufügen zeichnet Ihre Zeile in einer Beispielseite ein. Das Dashboard füllt den Projektschlüssel aus:

<script src="https://scripts.universally.com/p/YOUR_PUBLIC_KEY/s.js" async></script>

1. Klicken Sie auf Zeile kopieren. Es kopiert nur das Skript-Tag, und die Schaltfläche ändert sich zu Kopiert.
2. Öffnen Sie in Squarespace Website › Seiten › Benutzerdefinierter Code › Code Injection › Header.
3. Fügen Sie die Zeile ein und speichern Sie.

Verwenden Sie das websiteweite Feld Header, damit das Skript auf jeder Seite geladen wird. Die Schaltflächen Als abgeschlossen markieren auf dem Bildschirm werden in Ihrem Browser gespeichert und sperren nichts.

Veröffentlichen und Verbindung prüfen

1. Klicken Sie auf Speichern und stellen Sie sicher, dass Website-Verfügbarkeit auf Öffentlich für die Domain eingestellt ist, die Sie in Universally eingegeben haben.
2. Zurück in Universally, klicken Sie auf Verbindung prüfen.

Die Prüfung lädt Ihre Homepage und sucht nach der Zeile. Gefunden bedeutet, dass die Zeile auf Ihrer Domain vorhanden ist, zu diesem Projekt gehört und nichts weiter installiert werden muss.

Für Ihre Besucher ändert sich noch nichts. Die Zeile lädt nur die Universally-Datei, und Ihre Website beginnt mit der Bereitstellung von Übersetzungen, sobald Sie im nächsten Schritt Sprachen hinzufügen.

Fortfahren und Ich mache das später führen beide zu Sprachen hinzufügen, und nichts wartet auf die Prüfung. Die Zeile bleibt auf der Seite Einrichtung des Projekts unter Die Zeile, die Ihre Website benötigt.

Sprachen hinzufügen

1. Klicken Sie auf Sprachen hinzufügen und beantworten Sie die Frage „In welche Sprachen möchten Sie übersetzen?“ mit mindestens einer Zielsprache.
2. Klicken Sie auf Fertig stellen. Diese Schaltfläche bleibt deaktiviert, bis das Projekt eine Sprache hat.

Der Sprachdialog zeigt immer noch URL-Format an, aber der Wert wird bei Squarespace nicht verwendet, da sich Ihre URLs nie ändern. Jede Sprachzeile unter Alle Sprachen verfügt über einen Live-Schalter. Siehe Sprachen hinzufügen und entfernen.

Überprüfen Sie, ob es funktioniert hat

Testen Sie außerhalb des Squarespace-Editors, auf der Live-Domain.

1. Öffnen Sie Ihre Website in einem privaten Fenster. Ein Erstbesucher wird automatisch seiner Browsersprache zugeordnet, sodass eine für eine Ihrer Zielsprachen eingerichtete Browser die Seite übersetzt sieht.
2. Finden Sie den Sprachumschalter in der unteren rechten Ecke mit Flaggen und Sprachnamen.
3. Wählen Sie eine Sprache aus. Die Seite wird in dieser Sprache unter derselben Adresse neu geladen.

Um zu sehen, wie viel einer Seite übersetzt wurde, fügen Sie ?uni_debug=1 zur URL hinzu und öffnen Sie die Browserkonsole.

Wenn es nicht funktioniert

• Wir haben Ihre Domain geladen, aber die Zeile war nicht auf der Seite: Die Änderung wurde nicht gespeichert oder die Zeile wurde in die Einstellungen einer Seite statt in den websiteweiten Header eingefügt. Beheben Sie das Problem und überprüfen Sie es erneut. Eine zwischengespeicherte Kopie kann die Zeile auch eine Weile verbergen, und die Prüfung betrachtet nur Ihre Homepage.
• Wir konnten Ihre Domain überhaupt nicht laden: Die Website ist offline, hinter einem Login, blockiert die Anfrage oder die Domain im Projekt ist falsch. Überprüfen Sie, ob Website-Verfügbarkeit auf Öffentlich eingestellt ist.
• Diese Zeile gehört zu einem anderen Projekt: Die Zeile eines anderen Projekts befindet sich auf der Website. Ersetzen Sie sie durch die Zeile auf der Seite Einrichtung dieses Projekts und überprüfen Sie sie dann erneut.
• Es erscheint kein Umschalter: Das Projekt hat noch keine live Zielsprache. Fügen Sie eine hinzu oder aktivieren Sie deren Live-Schalter.
• Einige Texte bleiben in der Quellsprache: Die Seite ist hinter einem Login oder Passwort geschützt, oder JavaScript fügt den Text hinzu, nachdem die Seite geladen wurde. Siehe JavaScript-Serving-Modus.

Weitere Fälle finden Sie unter Übersetzungen werden nicht angezeigt und Der Umschalter ist nicht sichtbar.