---
title: Instalação do Código do Widget MGID para sites que utilizam a plataforma Blogger
description: 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 lev
---

[Pular para o conteúdo](https://help.mgid.com/pt-br/como-adicionar-o-código-da-mgid-no-seu-blogger#main-content)

- [Português - Brasil](https://help.mgid.com/pt-br/como-adicionar-o-c%C3%B3digo-da-mgid-no-seu-blogger)
- [Bahasa Indonesia](https://help.mgid.com/id/kode-widget-mgid-instalasi-di-platform-blogger)
- [English](https://help.mgid.com/how-to-add-mgid-code-to-your-blogger)
- [Español](https://help.mgid.com/es/cómo-implementar-el-código-de-mgid-en-blogger)
- [Français](https://help.mgid.com/fr/installation-du-code-du-widget-mgid-sur-la-plateforme-blogger)
- [Italiano](https://help.mgid.com/it/come-aggiungere-un-codice-di-mgid-a-your-blogger)
- [Polski](https://help.mgid.com/pl/instalacja-kodu-widżetu-mgid-na-platformie-blogger)
- [Tiếng Việt](https://help.mgid.com/vi/cách-thêm-mgid-code-vào-blogger)
- [Українська](https://help.mgid.com/uk/як-додати-код-mgid-до-blogger)
- [ไทย](https://help.mgid.com/th/คู่มือการติดตั้งวิทเจ็ทโฆษณาของ-mgid-บน)

Português - Brasil

Mostrar submenu para traduções

![MGID\_Logo\_Help\_Center\_W\_R\_Swoosh.svg\]](https://help.mgid.com/hubfs/MGID_Logo_Help_Center_W_R_Swoosh.svg)

- [Advertisers](https://www.mgid.com/advertisers)
- [Publishers](https://www.mgid.com/publishers)
- [Contact Us](https://www.mgid.com/about#tabs-contactus)

Abrir navegação principal

Fechar navegação principal

- [Advertisers](https://www.mgid.com/advertisers)
- [Publishers](https://www.mgid.com/publishers)
- [Contact Us](https://www.mgid.com/about#tabs-contactus)
- - [Português - Brasil](https://help.mgid.com/pt-br/como-adicionar-o-c%C3%B3digo-da-mgid-no-seu-blogger)
    - [Bahasa Indonesia](https://help.mgid.com/id/kode-widget-mgid-instalasi-di-platform-blogger)
    - [English](https://help.mgid.com/how-to-add-mgid-code-to-your-blogger)
    - [Español](https://help.mgid.com/es/cómo-implementar-el-código-de-mgid-en-blogger)
    - [Français](https://help.mgid.com/fr/installation-du-code-du-widget-mgid-sur-la-plateforme-blogger)
    - [Italiano](https://help.mgid.com/it/come-aggiungere-un-codice-di-mgid-a-your-blogger)
    - [Polski](https://help.mgid.com/pl/instalacja-kodu-widżetu-mgid-na-platformie-blogger)
    - [Tiếng Việt](https://help.mgid.com/vi/cách-thêm-mgid-code-vào-blogger)
    - [Українська](https://help.mgid.com/uk/як-додати-код-mgid-до-blogger)
    - [ไทย](https://help.mgid.com/th/คู่มือการติดตั้งวิทเจ็ทโฆษณาของ-mgid-บน)

  Português - Brasil
  
  Mostrar submenu para traduções
- Nosso contato

 Nosso contato

 Bem-vindo à MGID. Como posso lhe ajudar?

- Não há sugestões porque o campo de pesquisa está em branco.

1. [Help Center Home](https://help.mgid.com/pt-br?hsLang=pt-br)
2. [Editores](https://help.mgid.com/pt-br/editores?hsLang=pt-br)
3. [Tipos de Integração](https://help.mgid.com/pt-br/editores?hsLang=pt-br#tipos-de-integra%C3%A7%C3%A3o)

# 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 apresentado neste guia é fornecido apenas para fins ilustrativos. Copie sempre o código de instalação gerado para a sua conta a partir do seu painel, uma vez que cada código é único para a sua configuração.

Substitua {your\_website\_id} e {your\_widget\_id} pelos valores que se encontram em Painel \> Widgets \> Obter código.

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/{your_website_id}.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="{your_widget_id}"></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](https://www.blogger.com/) 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](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_add_1.png?width=568&height=151&name=Bloger_add_1.png)

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

**![Bloger\_add\_2](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_add_2.png?width=566&height=314&name=Bloger_add_2.png)**

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](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_add_3.png?width=223&height=398&name=Bloger_add_3.png)**

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](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_1.png?width=571&height=282&name=Bloger_1.png)

*GIF 1.*

![Gif\_1\_blogger\_HEAD\_part](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Gif_1_blogger_HEAD_part.gif?width=670&height=379&name=Gif_1_blogger_HEAD_part.gif)

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](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_2.png?width=573&height=313&name=Bloger_2.png)

*GIF 2.*

![Gif\_2\_blogger\_BODY\_part](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Gif_2_blogger_BODY_part.gif?width=670&height=379&name=Gif_2_blogger_BODY_part.gif)

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](https://www.blogger.com/).
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](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_3.png?width=464&height=293&name=Bloger_3.png)

*GIF 3.*

![Gif\_3\_blogger](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Gif_3_blogger.gif?width=670&height=334&name=Gif_3_blogger.gif)

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](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Gif_4_blogger.gif?width=670&height=651&name=Gif_4_blogger.gif)

![Bloger\_4](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_4.png?width=670&height=104&name=Bloger_4.png)

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](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_5.png?width=670&height=242&name=Bloger_5.png)

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

![Bloger\_6](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_6.png?width=670&height=218&name=Bloger_6.png)

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

![Bloger\_7](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_7.png?width=670&height=315&name=Bloger_7.png)

![Gif\_5\_blogger](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Gif_5_blogger.gif?width=670&height=651&name=Gif_5_blogger.gif)

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

![Bloger\_8](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_8.png?width=330&height=302&name=Bloger_8.png)

 

- [Anunciantes](https://help.mgid.com/pt-br/anunciantes?hsLang=pt-br#main-content)

    - [Comece com anúncios MGID](https://help.mgid.com/pt-br/anunciantes?hsLang=pt-br#comece-com-an%C3%BAncios-mgid)
    - [Configuração de Campanha e Gerenciamento](https://help.mgid.com/pt-br/anunciantes?hsLang=pt-br#configura%C3%A7%C3%A3o-de-campanha-e-gerenciamento)
    - [CPA Tune](https://help.mgid.com/pt-br/anunciantes?hsLang=pt-br#cpa-tune)
    - [Acompanhamento de conversões: geral](https://help.mgid.com/pt-br/anunciantes?hsLang=pt-br#acompanhamento-de-convers%C3%B5es-geral)
    - [Rastreamento com MGID Pixel](https://help.mgid.com/pt-br/anunciantes?hsLang=pt-br#rastreamento-com-mgid-pixel)
    - [Postback & Rastreio](https://help.mgid.com/pt-br/anunciantes?hsLang=pt-br#postback-rastreio)
    - [Método de rastreamento de webhook e integrações](https://help.mgid.com/pt-br/anunciantes?hsLang=pt-br#m%C3%A9todo-de-rastreamento-de-webhook-e-integra%C3%A7%C3%B5es)
    - [Integrações nativas](https://help.mgid.com/pt-br/anunciantes?hsLang=pt-br#integra%C3%A7%C3%B5es-nativas)
    - [Gerenciamento de criativos de anúncios](https://help.mgid.com/pt-br/anunciantes?hsLang=pt-br#gerenciamento-de-criativos-de-an%C3%BAncios)
    - [Otimização e desempenho de campanhas](https://help.mgid.com/pt-br/anunciantes?hsLang=pt-br#otimiza%C3%A7%C3%A3o-e-desempenho-de-campanhas)
    - [Vídeo Guia MGID](https://help.mgid.com/pt-br/anunciantes?hsLang=pt-br#v%C3%ADdeo-guia-mgid)
- [Editores](https://help.mgid.com/pt-br/editores?hsLang=pt-br#main-content)

    - [Informação geral](https://help.mgid.com/pt-br/editores?hsLang=pt-br#informa%C3%A7%C3%A3o-geral)
    - [Conteúdo e práticas proibidas](https://help.mgid.com/pt-br/editores?hsLang=pt-br#conte%C3%BAdo-e-pr%C3%A1ticas-proibidas)
    - [Tipos de Integração](https://help.mgid.com/pt-br/editores?hsLang=pt-br#tipos-de-integra%C3%A7%C3%A3o)
    - [Compliance](https://help.mgid.com/pt-br/editores?hsLang=pt-br#compliance)
    - [Pagamento](https://help.mgid.com/pt-br/editores?hsLang=pt-br#pagamento)
    - [FAQ](https://help.mgid.com/pt-br/editores?hsLang=pt-br#faq)

- [Advertisers](https://www.mgid.com/advertisers)
- [Publishers](https://www.mgid.com/publishers)
- [Contact Us](https://www.mgid.com/about#tabs-contactus)

[![Chill listening crop-3](https://help.mgid.com/hubfs/MGID_Logo_Icon_HC.svg "Chill listening crop-3")](https://www.mgid.com)

Native performance through innovation

Copyright © 2026, MGID Inc.