Tipos de Integração
      Voltar para o início
      1. Início
      2. Editores
      3. Tipos de Integração

      Instalação do Código do Widget MGID para sites que utilizam a plataforma Blogger

      Introdução

      O código Simple JS da MGID é uma TAG que permite a instalação do widget (bloco de anúncios) nos sites parceiros.

      Ao contrário do código de instalação padrão, a TAG Simple JS foi projetada para ser leve e eficiente. Ele garante um impacto mínimo no desempenho do site e evita etapas extras por parte do editor.

      O código de instalação do widget contém duas partes:

      1. Head Script: Este é o pré-carregador MGID que deve ser colocado dentro da seção <HEAD> do site.

      Exemplo de TAG:

      <script src="https://jsc.mgid.com/site/123456.js" async></script>
      2. Body Container: Este é o elemento div onde o widget da MGID deve ser renderizado dentro de um artigo do site, ou seja, o seu posicionamento.

      Exemplo de TAG:

      <!-- 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>

      Como integrar o código do widget MGID (Simple JS) na plataforma Blogger

      Opção 1 - Usando o Layout Builder

      1. Faça login no Blogger e clique na seta no canto superior esquerdo da tela. Na lista suspensa, selecione o blog no qual deseja exibir anúncios. 

      Bloger_add_1

      2. No painel Menu, selecione Layout, selecione a área onde deseja colocar anúncios e clique em Adicionar um Gadget.

      Bloger_add_2

      3. Clique na seção HTML/Javascript no pop-up que irá aparecer. Importante: Não insira um título nesta fase.

      Bloger_add_3

      4. Crie seu primeiro Gadget para o script que será implementado no Head. Cole o script principal na seção Conteúdo. Mova o gadget para a seção Cabeçalho.

      Bloger_1

      GIF 1.

      Gif_1_blogger_HEAD_part

      5. Repita as etapas anteriores para criar seu segundo Gadget para o script que será implementado no Body.
      6. Mova o Body Gadget para o posicionamento desejado (por exemplo, abaixo das postagens do blog). Clique em Salvar e verifique seu blog.

      Bloger_2

      GIF 2.

      Gif_2_blogger_BODY_part

      Você pode deslocar ou alterar os posicionamentos de acordo com o tipo de código de anúncio e suas preferências.

      Opção 2 – Usando o Editor HTML

      1. Abra o painel do administrador do Blogger.
      2. No painel Menu, selecione Tema.
      3. Selecione um tema, clique na seta conforme imagem abaixo e escolha Editar HTML para visualizar o código do modelo do site.

      Bloger_3

      GIF 3.

      Gif_3_blogger

      4. Adicione o Head Script dentro do modelo de página.

      Abra a barra de pesquisa na página (use Ctrl + F no Windows ou Comando + F no macOS). Insira o texto <HEAD> e encontre o elemento necessário. Abaixo do elemento obrigatório, adicione o script

      GIF 4.

      Gif_4_blogger

      Bloger_4

      5. Adicione o script Body Container dentro do modelo de página.

      Detecte o local onde o widget será posicionado. A maneira mais fácil é usar a ferramenta inspetor do navegador e encontrar o nome do elemento onde o widget MGID deve estar visível. Como exemplo, colocaremos um widget após um artigo e a seção pós-externa.

      Bloger_5

      Encontre o elemento no editor HTML, insira o Body Container no posicionamento desejado antes ou depois do elemento escolhido.

      Bloger_6

      Clique em Salvar no Editor HTML. O widget MGID deve começar a ser exibido instantaneamente.

      Bloger_7

      Gif_5_blogger

      Em alguns casos, é necessário limpar o cache para que os widgets apareçam.

      Bloger_8