La risposta breve
Puoi aggiungere il tuo codice in tre punti del builder: una sezione Codice personalizzato dentro una pagina, le impostazioni CSS personalizzato e le impostazioni Javascript personalizzato. Non c'è nessuna casella per incollare codice nella sezione head del negozio. Per i tag dell'head, usa l'app corrispondente (vedi l'elenco qui sotto).
Quale strumento per quale lavoro
- Verificare il negozio con Google Search Console, o aggiungere un meta tag
google-site-verification: l'app Domain Verifier. Gestisce anche la verifica del dominio di Facebook (Meta), TikTok e Snapchat. - Google Analytics, tag di Google Ads o qualsiasi tag che gestisci in Google Tag Manager: l'app Google Tag Manager.
- Pixel di Facebook, TikTok, Snapchat, ChatGPT, Pinterest, X o Google Ads: vedi Facebook, TikTok, Snapchat, ChatGPT, Pinterest e X, oppure Conversioni di Google Ads.
- Feed dei prodotti per Google Merchant Center: vedi Google Merchant Center. Per Search Console usa Domain Verifier.
- Heatmap e registrazioni delle sessioni: vedi Microsoft Clarity o Contentsquare.
- Un widget o un contenuto incorporato in una pagina (un modulo di prenotazione, un video, una mappa): la sezione Codice personalizzato descritta sotto.
- Stili per tutto il negozio o per una sezione: vedi CSS personalizzato.
- Uno script in ogni pagina: vedi JavaScript personalizzato.
Perché il codice nel builder non può verificare il sito
Google, Meta e le altre piattaforme cercano il loro tag nell'head della pagina quando fanno la verifica. Una sezione Codice personalizzato mette il codice nel corpo della pagina, dove si trova la sezione. Il Javascript personalizzato viene eseguito nel browser del cliente dopo il caricamento della pagina. Nessuno dei due mette un tag nell'head come richiedono queste piattaforme, quindi la verifica non riesce. Domain Verifier aggiunge il tag nel punto giusto per te.
Sezione Codice personalizzato
Una sezione che puoi aggiungere a qualsiasi pagina, fino a 2 per pagina. Apri la scheda Sezioni, fai clic su Aggiungi nuova sezione e scegli Codice personalizzato. Ha tre campi:
- HTML: il markup mostrato dentro questa sezione.
- CSS: stili che valgono solo per questa sezione, quindi non possono rompere il resto della pagina.
- JavaScript: viene eseguito ogni volta che la sezione viene mostrata. Il codice riceve la sezione come
container, quindi usacontainer.querySelector(...)per raggiungere il tuo markup.
Imposti anche larghezza, schema di colori e spaziatura come per qualsiasi sezione. Usa Applica a tutte le pagine per copiarla nelle altre pagine che hanno già una sezione Codice personalizzato.
Consigli
- Controlla il codice nell'anteprima del builder, poi pubblica e prova il negozio online su un telefono e su un computer.
- Se la pagina sembra rotta dopo una modifica, togli il codice, pubblica e aggiungilo di nuovo un pezzo alla volta.
- Gli script di terze parti possono rallentare il negozio. Aggiungi solo quello che ti serve.
- Un assistente AI collegato al negozio può modificare il codice personalizzato solo se il proprietario del negozio lo permette. Vedi Gestire l'accesso degli assistenti.