Installazione del codice del widget MGID sulla piattaforma Blogger

Introduzione

Il codice 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 è concepito 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:

Script di testa: Si tratta del preloader MGID che deve essere collocato all'interno della sezione <HEAD> del sito web.

Esempio di script:

<script src="https://jsc.mgid.com/site/123456.js" async></script>

2. Contenuto del body: È l'elemento div in cui il widget MGID deve essere reso all'interno di un post del blog.

Esempio di script:

<!-- place in the body --> 
<div data-type="_mgwidget" data-widget-id="1464221"></div> 
<script>
(function(w,q){w[q]=w[q]||[];w[q].push(["_mgc.load"])})(window,"_mgq");
</script>

Come integrare il codice del widget MGID (Simple JS) sulla piattaforma Blogger

Opzione 1 - Utilizzando Layout Builder

1. Accedi a Blogger e fai clic sulla freccia in alto a sinistra dello schermo. Dal menù a tendina, seleziona il blog su cui vuoi visualizzare gli annunci.

2. Dal pannello Menu, seleziona Layout, seleziona l'area in cui desideri inserire gli annunci e fai clic su Aggiungi gadget.

3. Fare clic sulla sezione HTML/Javascript nella finestra a comparsa. Importante: Non inserire un titolo in questa fase.

4. Crea il primo gadget per lo script Head. Incolla lo script Head nella sezione Content. Sposta il gadget nella sezione Intestazione (header).

GIF 1.

5. Ripeti i passaggi precedenti per creare il secondo gadget per il Body container.
6. Sposta il gadget Body nella posizione desiderata (ad esempio, sotto i post del blog). Clicca su Salva e controlla il blog.

GIF 2.

È possibile modificare le posizioni in base al tipo di codice annuncio e alle proprie preferenze.

Opzione 2 - Utilizzando l'editor HTML

Apri il pannello di amministrazione di Blogger.
Dal pannello del menu, seleziona Tema.
Seleziona un tema, clicca sull'icona della freccia Più e scegli Modifica HTML per visualizzare il codice del modello del sito web.

GIF 3.

4. Aggiungi l'Head Script all'interno del modello di pagina.

Apri la barra di ricerca della pagina (usare Ctrl + F su Windows o Command + F su macOS). Inserisci il testo <HEAD> e trova l'elemento richiesto. Sotto l'elemento richiesto, aggiungi lo script.

GIF 4.

5. Aggiungi lo script Body Container all'interno del modello di pagina.

Individua il punto in cui il widget deve essere visibile. Il modo più semplice è usare lo strumento Inspector del browser e trovare il nome dell'elemento in cui il widget MGID deve essere visibile. A titolo di esempio, collocheremo un widget dopo un articolo e la sezione post-outer.

Individua l'elemento nell'editor HTML, inserisci il Body Container nella posizione desiderata, prima o dopo l'elemento scelto.

Clicca su Salva nell'editor HTML. Il widget MGID dovrebbe iniziare a essere visualizzato immediatamente.

In alcuni casi, per visualizzare i widget è necessario cancellare la cache.