Un sito Squarespace si collega a Universally con un tag di script nella sua iniezione di codice a livello di sito. Il tag visualizza il selettore di lingua e traduce ogni pagina nel browser del visitatore, quindi i tuoi URL rimangono gli stessi in ogni lingua e non c'è DNS da modificare. La modalità di servizio JavaScript spiega come funziona la traduzione e cosa esclude.
Prima di iniziare
- Un piano Squarespace con Iniezione di Codice. L'iniezione di codice richiede un piano Core, Plus, Advanced o un piano legacy idoneo. Le pagine di checkout non supportano codice personalizzato.
- Il ruolo Proprietario o Amministratore nel tuo spazio di lavoro Universally, per creare il progetto e vedere il suo snippet. Gli Editor vedono "Chiedi a un amministratore del progetto lo snippet di installazione di questo progetto." invece della riga.
- Un sito pubblico sul tuo dominio. Il controllo della connessione non può leggere pagine private o protette da password.
Crea il progetto
- Avvia un nuovo progetto. Sotto Seleziona la tua tecnologia, scegli Squarespace.
- Compila Dominio, il dominio completo su cui è pubblicato il tuo sito, come
example.com. Se il dominio non viene ancora risolto, vedrai un avviso e potrai comunque continuare. - Compila Nome progetto, controlla Lingua di origine (Inglese (US) per impostazione predefinita) e fai clic su Avanti.
I progetti Squarespace non hanno una modalità di servizio tra cui scegliere, quindi la schermata successiva è Aggiungi lo snippet. I sottodomini linguistici non sono ancora disponibili per i siti Squarespace: il tuo sito viene tradotto dallo snippet, sui propri indirizzi.
Aggiungi lo snippet
Il passaggio Aggiungi lo snippet disegna la tua riga all'interno di una pagina di esempio. La dashboard compila la chiave del tuo progetto:
<script src="https://scripts.universally.com/p/YOUR_PUBLIC_KEY/s.js" async></script>
- Fai clic su Copia riga. Copia solo il tag di script e il pulsante cambia in Copiato.
- In Squarespace, apri Sito Web › Pagine › Codice Personalizzato › Iniezione di Codice › Intestazione.
- Incolla la riga e salva.
Usa il campo Intestazione a livello di sito in modo che lo script venga caricato su ogni pagina. I pulsanti Segna come completato sullo schermo sono memorizzati nel tuo browser e non bloccano nulla.
Pubblica e controlla la connessione
- Fai clic su Salva e assicurati che Disponibilità del sito sia Pubblico sul dominio che hai inserito in Universally.
- Tornato in Universally, fai clic su Controlla connessione.
Il controllo carica la tua home page e cerca la riga. Trovato significa che la riga è sul tuo dominio, appartiene a questo progetto e non c'è nient'altro da installare.
Ancora nulla cambia per i tuoi visitatori. La riga carica solo il file Universally e il tuo sito inizia a servire le traduzioni una volta aggiunte le lingue nel passaggio successivo.
Continua e Lo farò più tardi procedono entrambi a Aggiungi lingue, e nulla rimane in sospeso nel controllo. La riga rimane sulla pagina Configurazione del progetto, sotto La riga di cui il tuo sito ha bisogno.
Aggiungi lingue
- In Aggiungi lingue, rispondi "In quali lingue vuoi tradurre?" con almeno una lingua di destinazione.
- Fai clic su Fine. Rimane disabilitato finché il progetto non ha una lingua.
La finestra di dialogo della lingua mostra ancora Formato URL, ma il valore non viene utilizzato su Squarespace perché i tuoi URL non cambiano mai. Ogni riga di lingua su Tutte le lingue ha un interruttore Attivo. Vedi Aggiungi e rimuovi lingue.
Verifica che abbia funzionato
Testa al di fuori dell'editor di Squarespace, sul dominio live.
- Apri il tuo sito in una finestra privata. Un visitatore per la prima volta viene abbinato automaticamente alla lingua del suo browser, quindi un browser impostato su una delle tue lingue di destinazione vede la pagina tradotta.
- Trova il selettore di lingua nell'angolo in basso a destra, con bandiere e nomi delle lingue.
- Scegli una lingua. La pagina si ricarica in quella lingua, allo stesso indirizzo.
Per vedere quanta parte di una pagina è stata tradotta, aggiungi ?uni_debug=1 al suo URL e apri la console del browser.
Se non funziona
- Abbiamo caricato il tuo dominio ma la riga non era nella pagina: la modifica non è stata salvata, o la riga è stata inserita nelle impostazioni di una pagina invece che nell'Intestazione a livello di sito. Correggila e ricontrolla. Una copia memorizzata nella cache può anche nascondere la riga per un po', e il controllo esamina solo la tua home page.
- Non siamo riusciti a caricare affatto il tuo dominio: il sito è offline, dietro un accesso, blocca la richiesta o il dominio sul progetto è errato. Verifica che Disponibilità del sito sia Pubblico.
- Questa riga appartiene a un progetto diverso: la riga di un altro progetto è sul sito. Sostituiscila con la riga nella pagina Configurazione di questo progetto, quindi controlla di nuovo.
- Non appare alcun selettore: il progetto non ha ancora una lingua di destinazione attiva. Aggiungine una o attiva il suo interruttore Live.
- Alcuni testi rimangono nella lingua di origine: la pagina è protetta da un accesso o da una password, oppure JavaScript aggiunge il testo dopo il caricamento della pagina. Vedi La modalità di servizio JavaScript.
Altri casi sono in Le traduzioni non appaiono e Il selettore non è visibile.