Introduzione
Il codice del widget MGID (Simple JS) è un codice di installazione MGID a livello di sito web che gli editori utilizzano per integrare i widget in un sito web. A differenza del codice di installazione standard, il tag Simple JS è progettato per essere leggero ed efficiente. Garantisce un impatto minimo sulle prestazioni del sito ed evita passaggi aggiuntivi da parte dell'editore.
Il codice di installazione dei widget contiene due parti:
- Head Script: Si tratta del preloader MGID che deve essere collocato all'interno della sezione <HEAD> del sito web.
- Body container: È l'elemento div in cui il widget MGID deve essere reso all'interno di un post del blog.
È necessario creare le unità pubblicitarie desiderate (widget) nella dashboard e ottenere i codici dei widget.
Come integrare il codice del widget MGID (Simple JS) su Wix.com
Esistono due opzioni affidabili per l'installazione dei widget, ma presentano alcune limitazioni. A causa delle limitazioni del motore, qualsiasi annuncio che possiamo inserire nei siti web Wix sarà visualizzato in un iframe. Ciò significa che la dashboard ha statistiche limitate e nessuna funzionalità di scorrimento infinito per la prima opzione.
Opzione 1 - Aggiunta di una sezione con codice personalizzato
La prima opzione prevede la creazione di una nuova sezione nella sezione “modifica sito” per il tipo di pagina scelto. Questa tecnica può essere applicata a qualsiasi tipo di pagina che consenta di aggiungere sezioni o blocchi. Utilizzeremo i post del blog come esempio.
Mentre SimpleJS utilizza il codice nei campi <head> e <body>, Wix richiede un approccio diverso. Vediamo come ottenere lo stesso risultato con Wix.
Segui questi passaggi:
- Vai alla dashboard del tuo sito Wix, seleziona Siti e fai clic sul pulsante Modifica sito.
2. Seleziona il tipo di pagina in cui desideri inserire gli annunci. Le azioni possono variare leggermente a seconda del tipo di sito e del tema scelto, ma il metodo è lo stesso. Nel nostro caso, selezioneremo Post in quanto abbiamo un sito di tipo Blog.
3.Inseriamo un sotto-articolo. Scorri fino alla fine dell'articolo, nel blocco dei post recenti e dei commenti, e clicca su Aggiungi sezione.
4. È possibile selezionare qualsiasi tipo di sezione; nel nostro caso, sceglieremo di aggiungere una sezione vuota.
5. Posizionare l'unità pubblicitaria nella sezione:
- Cliccare una volta sulla sezione, quindi cliccare sul pulsante (+) in alto a sinistra per aggiungere un elemento HTML incorporato alla sezione appena creata.
- Copiare le parti di codice Head e Body dalla dashboard MGID in un file di testo o in una qualsiasi applicazione per appunti.
- Incollare tutto il codice nella casella di testo del codice e premere “aggiorna”.
- Ridimensionare il blocco e la sezione in modo che l'unità pubblicitaria si adatti bene.
Ora, facciamo in modo che l'unità sia visibile in qualsiasi tema.
6. Aggiungi uno sfondo luminoso alla sezione o uno sfondo bianco alla nostra unità pubblicitaria.
- Aggiunta di un colore brillante allo sfondo di una sezione: Fare clic sulla sezione, selezionare Cambia sfondo e scegliere il colore bianco.
- Aggiungere il colore bianco allo sfondo dell'unità pubblicitaria nel codice del widget: Modificare il codice HTML e aggiungere il seguente script:
style="background-color:white;"
Fare clic su “Aggiorna” dopo aver aggiunto lo script.
Questa opzione di installazione ha delle limitazioni e non è affatto ideale. Ad esempio, non è possibile inserire nulla all'interno di un contenuto o di un blocco.
Vediamo se la seconda opzione è una scelta migliore. Si noti che è possibile utilizzare entrambe le opzioni contemporaneamente.
Opzione 2 - Codice personalizzato all'interno del contenuto
Possiamo incorporare una cornice HTML all'interno del contenuto in qualsiasi punto della pagina, ma questo deve essere fatto manualmente per ogni nuovo articolo o post.
Segui questi passaggi:
- Vai alla dashboard del tuo sito Wix e seleziona la modifica di uno qualsiasi dei tuoi post o articoli.
2. Fare clic su una parte qualsiasi del contenuto in cui si desidera inserire un'unità pubblicitaria. Fare clic sul simbolo |+| che appare a sinistra del contenuto e selezionare Codice HTML.
3. Fare clic su Modifica HTML, copiare e incollare entrambe le parti del codice dell'unità pubblicitaria nella casella di testo aperta e ridimensionare la casella secondo le proprie preferenze. Ricorda che le nostre unità pubblicitarie sono reattive e possono cambiare in base alle dimensioni della cornice.
4. Aggiungi ora la seguente riga di codice subito dopo la parte <div.
<div style="background-color:white;"
In questo modo lo sfondo dell'unità pubblicitaria rimane bianco e tutti gli elementi di testo sono visibili.