Compartir y resumir en IA

Descripción

AI Share & Summarize es el primer plugin gratuito publicado en WordPress.org que combina el tradicional compartido en medios sociales con la innovadora funcionalidad de generar resúmenes citando la fuente en las principales inteligencias artificiales.

Características principales

• Redes sociales: X (Twitter), LinkedIn, Facebook, Telegram, WhatsApp, correo electrónico, Raindrop, Reddit, Bluesky, LINE, Mastodon, Threads, Pinterest.
• Inteligencias artificiales: Claude, ChatGPT, Google AI, Gemini, Grok, Perplexity, DeepSeek, Mistral AI, Microsoft Copilot, Qwen, Meta AI.
• Iconos oficiales de la marca: Iconos SVG de alta calidad procedentes de Simple Icons para una representación precisa de la marca.
• Personalización visual: 6 estilos de botones, 4 tamaños, colores personalizados mediante el selector de colores y orden de botones configurable.
• Títulos por sección: Distintos encabezados opcionales para los grupos de botones de IA y sociales.
• Exclusión individual: oculta botones en entradas o páginas específicas utilizando una sencilla caja meta.
• Escritorio de analítica de clics: haz seguimiento de los clics en los botones por plataforma y contenido con gráficos cronológicos.
• Comparación por periodo: Compara las analíticas con el periodo anterior, el mismo periodo del año anterior o con fechas personalizadas.
• Exportación en CSV: Descarga tus datos de las analíticas o los resúmenes cronológicos como archivos CSV para analizarlos en Excel o Google Sheets.
• Widget de escritorio: resúmen rápido de estadísticas con líneas de tendencia de 7 días directamente en el escritorio de WordPress.
• Integración con VigIA: Cruza los datos de clics con las visitas de rastreadores de IA cuando está activo el plugin VigIA.
• Integración con plugins SEO: excluye automáticamente el contenido noindex (Yoast, Rank Math, All in One SEO, SEOPress, The SEO Framework, NoIndexer).
• Opciones de optimización SEO: Elige entre enlaces <a> con nofollow o elementos <button> para optimizar tu perfil de enlazado.
• Información emergente universal: información emergente útil en TODOS los botones para mejorar la experiencia del usuario.
• Inserción automática inteligente: configura exactamente dónde y en qué tipos de contenido se mostrarán los botones.
• Control detallado por tipo de contenido: elige tipos de contenido específicos (entradas, páginas, productos, etc.).
• Prompt personalizable para IA: configura el mensaje enviado a las IA para obtener mejores resúmenes.
• Título personalizable: cambia el texto que aparece antes de los botones y elige el estilo del encabezado (h3-h6 o span).
• Múltiples modos de inserción: antes del contenido, después del contenido, en ambas posiciones o solo shortcode.
• 6 estilos visuales: Mínimo, colores de marca, contorno, fondos oscuros, colores personalizados y solo iconos.
• 4 tamaños de botón: Compacto, normal, grande y fluido (ocupa todo el ancho disponible).
• Opciones flexibles de iconos: Añade iconos a cualquier estilo o utiliza el modo puro de solo iconos con formas circulares/cuadradas.
• Ord de botones: primero redes sociales, primero IA o distribución mixta con reordenación mediante arrastrar y soltar dentro de cada grupo.
• Alineación de los botones: Elige entre un diseño alineado a la izquierda (por defecto) o centrado para el título y los botones.
• Control de retención de datos: Periodo de retención configurable, con vaciado diario automático y borrado manual de datos.
• Compatibilidad con Mastodon: Campo de instancia configurable para compartir federado.
• Totalmente adaptable: Se adapta a cualquier dispositivo y tema con diseños inteligentes para móviles
• Optimizado para SEO: Enlaces nofollow con target=»_blank» por defecto, o usa elementos button.
• Liviano: Estructura modular optimizada con iconos SVG de carga ultrarrápida.
• Accesible: Cumple las normas de accesibilidad web con información sobre herramientas mejorada
• Diseño consistente: mismo tamaño y comportamiento para los elementos de enlace y botón.

¿Por qué utilizar este plugin?

Este plugin te ayuda a:

1. Genera enlaces externos naturales: cuando los usuarios resumen tu contenido con IA, citan tu fuente.
2. Aumenta tu alcance: combina el compartir tradicional en redes sociales con el poder de la IA.
3. Genera autoridad: tu contenido se convierte en una fuente de referencia para futuras consultas.
4. Aumenta la participación: los usuarios pueden interactuar con tu contenido de múltiples maneras.
5. Optimiza tu SEO: Elige entre el tipo de elemento HTML que se ajuste mejor a tu estrategia de SEO.
6. Toma la delantera: ponte a la vanguardia y sé uno de los primeros en aprovechar la inteligencia artificial para la distribución de contenidos.
7. Aspecto moderno: El modo de solo iconos proporciona un aspecto elegante y profesional.
8. Alcance global: La compatibilidad con LINE, Mastodon y Threads permite acceder a diversas comunidades.
9. Control preciso: excluye automáticamente páginas específicas o contenido noindex.
10. Consistencia de marca: Los colores personalizados y los iconos oficiales de la marca se adaptan a cualquier diseño del sitio.

Configuración avanzada

• Inserción automática inteligente: Elige exactamente dónde insertar los botones (antes, después, ambos, o desactivados)
• Control del tipo de contenido: Selecciona tipos de contenido específicos entre todos los registrados en tu WordPress
• Exclusión individual: oculta botones en cualquier entrada o página usando una casilla en una caja meta.
• Integración SEO: oculta automáticamente los botones en contenidos noindex.
• Promp de IA personalizado: Optimiza el mensaje enviado a las IAs para conseguir unos mejores resúmenes con cita
• Texto del título personalizado: Configura el texto mostrado antes de los botones, u ocúltalo completamente
• Títulos por sección: Define distintos encabezados para los grupos de botones de IA y sociales
• Control del estilo del título: Elige entre h3, h4, h5, h6 o span para el elemento de título
• Optimización SEO: Elige entre enlaces tradicionales o elementos button para un mejor control del perfilado de enlaces.
• Menciones en X (Twitter): Configura tu perfil para menciones automáticas en los compartidos
• Instancia de Mastodon: Define tu servidor Mastodon para el compartir federado
• Texto adicional personalizado: Añade un texto personalizado a los prompts de IA
• Estilos visuales: 6 estilos predefinidos, incluidos el de contorno y colores personalizados
• Tamaños de botón: Compacto, normal, grande o de ancho fluido
• Colores personalizados: Selector de color de fondo y texto para un control total de la marca
• Sistema de iconos avanzado: Muestra iconos con texto, modo de sólo iconos, iconos circulares o cuadrados.
• Orden de los botones: Organiza los botones por redes sociales, IA o mixtos, y cambia el orden dentro de cada grupo arrastrando y soltando
• Alineación de los botones: Elige alineación izquierda o centrada para diseños más limpios.
• Gestión de datos: Configura el periodo de retención (de un mes a siempre), el borrado manual de datos y la limpieza opcional al desinstalar.
• Flexibilidad con shortcodes: Usa [ayudawp_share_buttons] en cualquier parte, con múltiples parámetros

Características SEO

• Control de los elementos con enlace: Elige entre enlaces <a> con nofollow o elementos <button>.
• Sin pérdida de PageRank: Todos los enlaces incluyen por defecto rel=»nofollow noopener».
• Optimización del crawl budget: Los elementos button no los rastrean los motores de búsqueda.
• Perfilado de enlaces limpio: Reduce el número total de enlaces salientes en tus páginas.
• Marcado semántico: Los elementos button son semánticamente correctos para disparadores de acción.
• Configuración flexible: Configura distintas opciones en páginas diferentes usando shortcodes.*
• Exclusión de noindex: oculta automáticamente los botones en contenidos marcados como noindex.

Características de analítica

• Seguimiento de clics: cada clic en un botón se registra con la plataforma, la publicación y la fecha.
• Gráfico cronológico: visualiza el total de clics a lo largo del tiempo con un desglose diario.
• Cronología por plataforma: ve el rendimiento de cada plataforma en el mismo gráfico con los colores de la marca y una leyenda interactiva.
• Comparación por periodo: Compara los datos actuales con los del periodo anterior, el mismo periodo del año anterior o con un rango de fechas personalizado.
• Indicadores de comparación: Las tarjetas de estadísticas muestran el cambio porcentual con flechas con códigos de colores cuando está activa la comparación.
• Gráfica comparativa: La cronología cambia a una vista completa con una línea discontinua superpuesta y una descripción detallada en dos columnas.
• Tabla de desglose por plataforma: Lista ordenada de plataformas por número total de clics con navegación por páginas.
• Tabla de rendimiento por contenido: ranking de entradas y páginas por número total de clics con enlaces directos y navegación por páginas.
• Insignias por tipo de plataforma: diferenciación visual entre plataformas sociales y de IA en todas las tablas.
• Filtros de rango de fechas: filtra los datos por 7, 15, 30, 90, 180, 365 días o un rango de fechas personalizado.
• Desplegable de exportación a CSV: Exporta la serie de datos completa (periodo actual) o un resumen de cronología diaria, con columnas comparativas cuando estén activas.
• Widget de escritorio: gráfica de líneas de tendencia de los últimos 7 días y resumen de las principales plataformas en la página de inicio de la administración de WordPress.
• Integración con VigIA: cuando el plugin VigIA está activo puedes cruzar tus clics compartidos con las visitas de los rastreadores de IA.
• Consultas almacenadas en caché: las consultas de analítica se almacenan en caché durante 5 minutos y son compatibles con Redis y Memcached.
• API REST: los endpoints ligeros alimentan todas las vistas de analítica sin necesidad de recargar la página completa.

Características del sistema de iconos

• Iconos oficiales de la marca: Trazos SVG perfectos desde Simple Icons para una representación reconocible de las plataformas
• Estilo de sólo iconos: Moderno diseño de botón que muestra solo los iconos de la plataforma
• Iconos con texto: Añade iconos reconocibles a la izquierda del texto de los botones en cualquier estilo
• Diseño adaptable: Los iconos adaptan automáticamente el tamaño y el diseño a los dispositivos móviles.
• SVG ligero: Iconos ultraoptimizados para un impacto mínimo en el rendimiento.
• Información emergente inteligente: Aparecen los nombres de las plataformas al pasar el ratón por encima en TODOS los iconos
• Formas flexibles: Elige entre esquinas circulares o cuadradas para los botones solo de iconos
• Tamaños consistentes: mismas dimensiones para los elementos de enlace y botón.

Características especiales para IAs

• Múltiples plataformas de IA: compatible con 11 servicios de IA diferentes.
• Integración con Gemini: Copia automáticamente el prompt en el portapapeles y abre Gemini
• Integración con DeepSeek : Copia automáticamente el prompt en el portapapeles y abre DeepSeek.
• Integración con Copilot: Copia automáticamente el prompt en el portapapeles y abre Copilot.
• Integración con Qwen: Copia el prompt en el portapapeles y abre el asistente de Alibaba AI.
• Integración con Meta AI: Copia el prompt en el portapapeles y abre el asistente de IA de Meta.
• Prompts optimizados: Mensajes pre-configurados para unos mejores resultados en los resúmenes con cita
• Enlaces directos: Cada IA se abre con el prompt completo, listo para procesarse
• Cita a la fuente: Todos los prompts incluyen automáticamente la URL de tu contenido como fuente
• Compatibilidad con idiomas: configura los prompts para pedir respuestas en cualquier idioma.

Compatibilidad

• Compatible con cualquier tema WordPress que siga los estándares
• Funciona automáticamente con tipos de contenido personalizados
• Optimizado para productos de WooCommerce
• Compatible con maquetadores de página (Elementor, Gutenberg, etc.)
• Preparado para multilíngüe con traducciones automáticas
• Sin dependencias externas ni conflictos
• Compatible con los principales plugins SEO.

Uso avanzado

Parámetros del shortcode

El shortcode [ayudawp_share_buttons] acepta varios parámetros:

buttons: Lista separada por comas de los botones a mostrar
– Ejemplo: [ayudawp_share_buttons buttons="claude,chatgpt,deepseek,twitter,mastodon"]
– Disponibles: twitter, linkedin, facebook, telegram, whatsapp, email, raindrop, reddit, bluesky, line, mastodon, threads, pinterest, claude, chatgpt, google_ai, gemini, grok, perplexity, deepseek, mistral, copilot, qwen, meta_ai

style: Estilo visual a utilizar
– Ejemplo: [ayudawp_share_buttons style="outline"]
– Opciones: minimal, brand, outline, dark, custom, icons-only

tamaño: Preajuste del tamaño del botón
– Ejemplo: [ayudawp_share_buttons size="compact"]
– Opciones: compacto, normal, grande, fluido

show_icons: Mostrar iconos con texto (for non-icons-only styles)
– Ejemplo: [ayudawp_share_buttons show_icons="true" style="brand"]
– Opciones: true, false

icon_style: Estilo de las esquinas de los iconos (for icons-only mode)
– Ejemplo: [ayudawp_share_buttons style="icons-only" icon_style="circular"]
– Opciones: circular, square

alineación: Alineación de los botones
– Ejemplo: [ayudawp_share_buttons alignment="center"]
– Opciones: left, center

show_title: Mostrar u ocultar el título de la sección
– Ejemplos: [ayudawp_share_buttons show_title="false"]
– Opciones: true, false

title_text: Texto personalizado del título
– Ejemplo: [ayudawp_share_buttons title_text="Comparte este contenido"]

title_style: Elemento de título HTML
– Ejemplo: [ayudawp_share_buttons title_style="h3"]
– Opciones: h3, h4, h5, h6, span

ai_title: Título de la sección del grupo de botones de IA
– Ejemplo: [ayudawp_share_buttons ai_title="Resumir con IA"]

social_title: Título de la sección del grupo de botones sociales
– Ejemplo: [ayudawp_share_buttons social_title="Compartir en redes sociales"]

Ejemplos combinados:

[ayudawp_share_buttons buttons="claude,deepseek,twitter" style="brand" show_icons="true"]

[ayudawp_share_buttons style="icons-only" icon_style="circular"]

[ayudawp_share_buttons show_title="true" title_text="Share or Summarize" title_style="h3"]

[ayudawp_share_buttons ai_title="Summarize with AI" social_title="Share" style="outline" show_icons="true"]

[ayudawp_share_buttons buttons="chatgpt,qwen,meta_ai,mastodon,threads" size="compact" style="brand"]

[ayudawp_share_buttons style="icons-only" icon_style="square" size="large"]

[ayudawp_share_buttons size="fluid" style="outline" show_icons="true"]

Guía de personalización con CSS

Desde la versión 1.6.0 el plugin utiliza propiedades CSS personalizadas para todos los colores de marca. Puedes modificarlas en tu tema para cambiar cualquier color de la plataforma de forma global:

Cambiar colores de plataformas:
.ayudawp-share-buttons {
–ayudawp-claude: #ff0000;
–ayudawp-chatgpt: #00ff00;
}

Clases del contenedor principal:
– .ayudawp-share-buttons – Contenedor del wrapper principal
– .ayudawp-buttons-container – Contenedor directo de todos los botones
– .ayudawp-title – Elemento del título de antes de los botones
– .ayudawp-section-title – Título de sección con margen superior adicional
– .ayudawp-aiss-centered – Aplicado cuando se activa la alineación centrada

Clases de botones:
– .ayudawp-share-btn – Clase base para todos los botones (both <a> y elementos <button>)
– .ayudawp-icon-wrapper – Contenedor de los iconos de los botones
– .ayudawp-button-text – Etiqueta de texto dentro de los botones
– .ayudawp-icon – Elemento del icono SVG

Clases para modificar estilos:
– .brand – Estilo con colores de marca
– .outline – Estilo con contorno (bordes con colores de marca)
– .minimal – Estilo minimalista
– .dark – Estilo de fondo oscuro
– .custom – Estilo de colores personalizados
– .icons-only – Modo solo iconos
– .with-icons – Botones de texto con iconos
– .circular – Botones con iconos circulares
– .square – Botones con iconos cuadrados

Clases para modificar tamaños:
– .size-compact – Tamaño de botón compacto
– .size-large – Tamaño de botón grande
– .size-fluid – Botones de ancho fluido

Clases específicas por plataforma (en los botones):
– .twitter, .linkedin, .facebook, .telegram, .whatsapp
– .email, .raindrop, .reddit, .bluesky, .line
– .mastodon, .threads, .pinterest
– .claude, .chatgpt, .google-ai, .gemini, .grok
– .perplexity, .deepseek, .mistral, .copilot
– .qwen, .meta-ai
– .ai – Se aplica a los botones de todas las plataformas

Ejemplo: Cambiar color del botón de Claude:
.ayudawp-share-buttons {
–ayudawp-claude: #tu-color;
}

Ejemplo: Cambiar el fondo de todos los botones de IA:
.ayudawp-share-buttons .ayudawp-share-btn.ai {
background: #f0f0f0;
}

Ejemplo: Ocultar un botón específico:
.ayudawp-share-btn.facebook {
display: none;
}

Personaliza o elimina las líneas separadoras:
El contenedor principal tiene un borde con líneas superiores e inferiores. Puedes ocultarlas o reemplazararlas:

.ayudawp-share-buttons {
    border-top: none;
    border-bottom: none;
}

Ocultar solo el separador superior:

.ayudawp-share-buttons {
    border-top: none;
}

Reemplazar con tu propio estilo:

.ayudawp-share-buttons {
    border-top: 2px dashed #ccc;
    border-bottom: 2px dashed #ccc;
}

Notas importantes:
– Desde la versión 1.6.0, ya no es necesario utilizar !important para la mayoría de las modificaciones.
– Utiliza propiedades CSS personalizadas para cambiar los colores de la marca de forma limpia.
– Prueba tanto en pantallas de escritorio como móviles.
– Los botones que solo contienen iconos tienen dimensiones fijas (44 píxeles por defecto, 36 píxeles compactos, 54 píxeles grandes).

Detalles técnicos

Requisitos del sistema

• WordPress 5.0 o superior
• PHP 7.4 o superior (compatible hasta PHP 8.4)
• Tema compatible con wp_head() y wp_footer()

Características de rendimiento

• Estructura modular de archivos para una máxima eficacia
• Carga selectiva de recursos (CSS/JS solo donde se muestran los botones).
• Sin dependencias externas
• CSS optimizado con propiedades personalizadas y especificidad mínima
• Iconos SVG ligeros (menos de 1 KB cada uno)
• Impacto mínimo en la base de datos: las consultas analíticas se almacenan en caché (5 min) y son compatibles con la caché de objetos persistentes (Redis, Memcached).
• Diseños adaptables inteligentes
• API REST para la obtención ligera de datos analíticos.

Características para desarrolladores

• Código limpio y documentado
• Cumplimiento de los estándares de código de WordPress
• Arquitectura basada en ganchos
• Estructura modular de clases en la carpeta /includes
• Sistema de iconos ampliable mediante Simple Icons
• Preparado para traducciones
• Completa API de shortcodes
• Opciones de marcado optimizadas para SEO.
• Caja meta en las entradas para exclusiones individuales.
• Definiciones centralizadas de los colores de las plataformas

Soporte

¿Necesitas ayuda o tienes sugerencias?

• Web oficial
• Foro de soporte en WordPress
• Canal en YouTube
• Documentación y tutoriales

¿Te gusta el plugin? ¡Déjanos un comentario de 5 estrellas y ayuda a correr la voz!

Acerca de AyudaWP

Somos especialistas en plugins de optimización de seguridad, SEO y rendimiento para WordPress. Creamos herramientas que solucionan problemas reales a los propietarios de sitios WordPress manteniendo los más altos estándares de programación y requisitos de accesibilidad.