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

      Implementação do Código do Widget Mgid para sites na plataforma Wix.com

      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.
      2. Bodyt Script: Este é a parte da TAG que indica o local que o widget MGID será renderizado dentro de uma postagem no blog.

      Você precisa criar as unidades de anúncios desejadas (widgets) no painel e obter os códigos de widget.

      1. Wix

      Como integrar o código do widget MGID (SimpleJS) no wix.com

      Existem duas opções confiáveis ​​para a instalação do widget, mas elas têm algumas limitações. Devido às limitações da ferramenta, qualquer anúncio que possamos colocar nos sites do WIX será exibido em um iframe. 

      Isso significa que o painel possui estatísticas limitadas e, para a primeira opção de implementação (vide abaixo), não é possível implementar a tecnologia de Rolagem Infinita.

      Opção 1 - Adicionando uma Seção com um Código Personalizado

      A primeira opção envolve a criação de uma nova seção na seção "Editar Site" para o tipo de página que você escolher. Essa técnica pode ser aplicada a qualquer tipo de página que permita adicionar seções ou blocos. Usaremos as postagens do blog como exemplo.

      Enquanto o SimpleJS usa o código no <head> e <body>, o WIX requer uma abordagem diferente. Vamos explorar como alcançar o mesmo resultado com o WIX.

      Siga estas etapas:

      1. Abra o painel do site Wix, selecione Sites e clique no botão Editar Site.

      2. Wix

      2. Selecione o tipo de página no qual deseja colocar anúncios. As ações podem diferir um pouco, dependendo do tipo de site e do tema da escolha, mas o método é o mesmo. No nosso caso, selecionaremos a Postagem, pois temos o tipo de site do blog. 

      3. Wix

      3. Vamos colocar um widget abaixo do artigo, para isso role para o final do artigo, em postagens recentes e bloco de comentários, e clique em Adicionar Seção.

      4. Wix

      4. Você pode selecionar qualquer tipo de seção aqui; no nosso caso, optaremos por adicionar uma em Branco.

      5. Wix

      5. Coloque a unidade de anúncios na seção:

      • Clique na seção uma vez e clique no botão (+) no canto superior esquerdo para adicionar um elemento HTML incorporado à seção recém-criada.

      6. Wix

      7. Wix

      • Copie a Head e o Body do seu painel MGID em um arquivo de texto ou em qualquer aplicativo de notas.

      8. Wix_GIF

      • Cole todo o código na caixa de texto do código e pressione "Atualizar"

      9. Wix

      • Redimensione o bloco e a seção para que o anúncio fique encaixado.

      10. Wix

      Agora, vamos garantir que a unidade esteja visível em qualquer tema.

      6. Adicione um fundo brilhante à seção ou um fundo branco à nossa unidade de anúncios.

      • Adicionando cores brilhantes ao fundo de uma seção: Clique na seção, selecione Alterar plano de fundo e escolha a cor branca.

      11. Wix_GIF

      • Adicionando cor branca ao fundo da unidade de anúncios no código do widget: edite o código HTML e adicione o seguinte script:
      style="background-color:white;"

      Clique em "Atualizar" após adicionar o script.

      12. Wix_GIF

      Esta opção de instalação tem suas limitações, caso tenha opção, recomendados seguir com a primeira opção. Nesta segunda, por exemplo, você não pode colocar nada dentro do conteúdo ou de qualquer bloco.

      Observe que você pode usar as duas ao mesmo tempo.

      Opção 2 - Código Personalizado Dentro do Conteúdo

      Podemos incorporar um quadro HTML no conteúdo interno em qualquer lugar da página, mas isso deve ser feito manualmente para cada novo artigo ou postagem.

      Siga estas etapas:

      1. Acesse o painel do seu site WIX e selecione Editar qualquer uma das suas postagens ou artigos.
      13. Wix_GIF

      2. Clique em qualquer parte do conteúdo em que você deseja colocar uma unidade de anúncios. Clique no |+| que aparece à esquerda do conteúdo e selecione o código HTML. 

      14. Wix_GIF

      3. Clique em Editar HTML, copie e cole as duas partes do código da unidade de anúncios na caixa de texto aberta e redimensione a caixa à sua preferência. Lembre-se de que nossas unidades de anúncios são responsivas e podem mudar de acordo com o tamanho do quadro.

      15. Wix_GIF

      4. Agora adicione a seguinte linha de código logo após a parte <div.

       <div style="background-color:white;"

      Isso garante que o fundo da unidade de anúncios permaneça branco e que todos os elementos de texto fiquem visíveis.

      16. Wix