Tipos de integración
      Volver al inicio
      1. Inicio
      2. Editores
      3. Tipos de integración

      Instalación del código del widget MGID en Wix.com

      Introducción

      El código del widget de MGID (Simple JS) es un código de instalación de MGID a nivel de sitio web que los editores usan para integrar widgets en sus sitios. A diferencia del código de instalación estándar, el código Simple JS está diseñado para ser ligero y eficiente. Asegura un impacto mínimo en el rendimiento del sitio y evita pasos adicionales por parte del editor.

      El código de instalación del widget contiene dos partes:

      1. Head Script: Este es el precargador MGID que debe colocarse dentro de la sección <HEAD> del sitio web. 
      2. Body Container: Este es el elemento div donde el widget de MGID debe ser renderizado dentro de una publicación del blog.

      Debe crear los bloques de anuncios deseados (widgets) en el panel de control y obtener los códigos de los widgets.

      1. Wix

      Cómo integrar el código del widget MGID (Simple JS) en Wix.com

      Hay dos opciones confiables para la instalación de widgets, pero tienen algunas limitaciones. Debido a las limitaciones de ingeniería, cualquier anuncio que podamos colocar en los sitios web de Wix se mostrará en un iframe. Esto significa que el panel tiene estadísticas limitadas y no tiene funcionalidad de desplazamiento infinito en la primera opción.

      Opción 1 - Agregar una sección con código personalizado

      La primera opción consiste en crear una nueva sección en la sección "editar sitio" para el tipo de página que elija. Esta técnica se puede aplicar a cualquier tipo de página que le permita agregar secciones o bloques. Usaremos las publicaciones de blog como ejemplo.

      Mientras que SimpleJS usa código en el <head> y <body>, Wix requiere un enfoque diferente. Exploraremos cómo lograr el mismo resultado con Wix.

      Siga estos pasos:

      1. Navegue al panel de control de su sitio web de Wix, seleccione Sitios y haga clic en el botón Editar Sitio.

      2. Wix

      2. Seleccione el tipo de página en la que desea colocar anuncios. Las acciones pueden diferir ligeramente según el tipo de sitio web y el tema elegido, pero el método es el mismo. En nuestro caso, seleccionaremos Publicar ya que tenemos el tipo de sitio web Blog.

      3. Wix

      3. Coloquemos un under-article. Desplácese hacia abajo hasta el final del artículo, hasta el bloque de publicaciones recientes y comentarios, y haga clic en Agregar sección.

      4. Wix

      4. Puede seleccionar cualquier tipo de sección aquí; en nuestro caso, elegiremos agregar una en blanco.

      5. Wix

      5. Coloque el bloque de anuncios en la sección:

      • Haga clic en la sección una vez, luego haga clic en el botón (+) en la parte superior izquierda para agregar un elemento HTML incrustado a la sección recién creada.

      6. Wix

      7. Wix

      • Copie las partes del código Head y Body desde su panel de control MGID en un archivo de texto o en cualquier aplicación de notas.

      8. Wix_GIF

      • Pegue todo el código en el cuadro de texto del código y pulse "actualizar".

      9. Wix

      • Cambie el tamaño del bloque y de la sección para que el bloque de anuncios se ajuste bien.

      10. Wix

      Ahora, asegurémonos de que la unidad esté visible en cualquier tema.

      6. Agregue un fondo brillante a la sección o un fondo blanco a nuestro bloque de anuncios.

      • Agregando un color brillante al fondo de una sección: Haga clic en la sección, seleccione Cambiar fondo y elija el color blanco.

      11. Wix_GIF

      • Agregando color blanco al fondo del bloque de anuncios en el código del widget: Edite el código HTML y agregue el siguiente script:
      style="background-color:white;"

      Haga clic en "Actualizar" después de agregar el script.

      12. Wix_GIF

      Esta opción de instalación tiene sus limitaciones y por lo tanto no es la opción ideal. Por ejemplo, no puede colocar nada dentro del contenido ni en ningún bloque.

      Veamos si la segunda opción es una mejor opción. Tenga en cuenta que puede usar ambas al mismo tiempo.

      Opción 2 - Código personalizado dentro del contenido

      Podemos incrustar un marco HTML dentro del contenido en cualquier parte de la página, pero esto debe hacerse manualmente para cada nuevo artículo o publicación. 

      Siga estos pasos:

      1. Navegue hacia el panel de control de tu sitio web de Wix y seleccione editar cualquiera de sus publicaciones o artículos.
      13. Wix_GIF

      2. Haga clic en cualquier parte del contenido donde desee colocar un bloque de anuncios. Haga clic en el |+| que aparece a la izquierda del contenido y seleccione código HTML.

      14. Wix_GIF

      3. Haga clic en Editar HTML, copie y pegue ambas partes del código del bloque de anuncios en el cuadro de texto abierto y cambie el tamaño del cuadro según sus preferencias. Recuerde que nuestros bloques de anuncios son responsivos y pueden cambiar según el tamaño del marco.

      15. Wix_GIF

      4. Ahora agregue la siguiente línea de código justo después de la parte <div.

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

      Esto garantiza que el fondo del bloque de anuncios permanezca blanco y que todos los elementos de texto sean visibles.

      16. Wix