WP Manifestindependent plugin directory
manifest / analytics / lookerstudio-embed

LookerStudio Embed

Plugin para incrustar reportes de LookerStudio

by Santos R. Guerra F. · github.com/santosguerra/lookerstudio-embed

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/santosguerra/lookerstudio-embed/archive/refs/heads/main.zip
Readme github.com/santosguerra/lookerstudio-embed ↗

Plugin de WordPress para insertar y gestionar informes de Looker Studio mediante shortcodes.

Descripción

LookerStudio Embed permite configurar hasta 4 iframes de Looker Studio directamente desde el panel de administración de WordPress y mostrarlos en cualquier página o entrada mediante shortcodes. El plugin incluye soporte para diferentes tipos de informes y tamaños de pantalla (desktop y mobile).

Características

  • Gestión centralizada: Configura todos los iframes desde una única página de administración
  • Múltiples informes: Soporta 4 tipos de informes diferentes:
    • Informe Generales Desktop
    • Informe Generales Mobile
    • Informe Municipales Desktop
    • Informe Municipales Mobile
  • Shortcodes dinámicos: Cada informe tiene su propio shortcode para fácil inserción
  • Responsive: Los iframes se ajustan automáticamente al 100% del ancho del contenedor
  • Seguridad: Sanitización completa de los códigos iframe y verificación de permisos

Requisitos

  • WordPress 5.6 o superior
  • PHP 7.4 o superior
  • Permisos de administrador para configurar los informes

Instalación

  1. Descarga el plugin o clona este repositorio en /wp-content/plugins/sg-lookerstudio/
  2. Activa el plugin desde el panel de administración de WordPress en Plugins → Plugins instalados
  3. Aparecerá un nuevo menú "LookerStudio" en el panel lateral de administración

Uso

Configuración de informes

  1. Ve a LookerStudio en el menú de administración de WordPress
  2. En Looker Studio, abre el informe que deseas insertar
  3. Ve al menú: Archivo → Insertar Informe
  4. Marca la opción "Habilitar inserción"
  5. Selecciona "Insertar Código"
  6. Ajusta la anchura y altura según tus necesidades
  7. Haz clic en "Copiar al Portapapeles"
  8. Pega el código completo del iframe en el campo correspondiente del plugin
  9. Haz clic en "Guardar todos"

Inserción en páginas o entradas

Utiliza los siguientes shortcodes para mostrar los informes:

[lookerstudio_generales_desktop]
[lookerstudio_generales_mobile]
[lookerstudio_municipales_desktop]
[lookerstudio_municipales_mobile]

Cada shortcode renderizará el iframe correspondiente configurado en el panel de administración.

Ejemplos

En el editor clásico de WordPress:

[lookerstudio_generales_desktop]

En bloques de Gutenberg:

Añade un bloque de Shortcode e inserta:

[lookerstudio_generales_desktop]

En plantillas PHP:

<?php echo do_shortcode('[lookerstudio_generales_desktop]'); ?>

Características técnicas

Sanitización automática

El plugin aplica automáticamente las siguientes transformaciones a los iframes:

  • Ancho: Forzado al 100% para responsive design
  • Alto: 600px por defecto si no se especifica
  • Frameborder: Establecido en 0 para eliminar bordes
  • Seguridad: Solo permite atributos seguros del iframe

Atributos permitidos en iframe

El plugin permite los siguientes atributos en las etiquetas `