Tipi di integrazione
      Torna alla home page
      1. Home
      2. Editori
      3. Tipi di integrazione

      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:

      1. 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.

      Bloger_add_1

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

      Bloger_add_2

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

      Bloger_add_3

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

      Bloger_1

      GIF 1.

      Gif_1_blogger_HEAD_part

      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.

      Bloger_2

      GIF 2.

      Gif_2_blogger_BODY_part

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

      Opzione 2 - Utilizzando l'editor HTML

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

      Bloger_3

      GIF 3.

      Gif_3_blogger

      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.

      Gif_4_blogger

      Bloger_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.

      Bloger_5

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

      Bloger_6

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

      Bloger_7

      Gif_5_blogger

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

      Bloger_8