AI Share & Summarize

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.
• Inteligencias artificiales: Claude, ChatGPT, Google AI, Gemini, Grok, Perplexity, DeepSeek, Mistral AI, Microsoft Copilot.
• Exclusión individual: oculta botones en entradas o páginas específicas utilizando una sencilla caja meta.
• Integración con plugins SEO: excluye automáticamente el contenido noindex (Yoast, Rank Math, All in One SEO, SEOPress, The SEO Framework).
• Opciones de optimización SEO: Elige entre enlaces <a> con nofollow o elementos <button> para optimizar tu perfil de enlazado.
• Compatibilidad con iconos modernos: Bonitos iconos SVG en el modo de solo iconos para un aspecto elegante y moderno.
• 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 granular 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.
• 5 estilos visuales: Por defecto, colores de marca, mínimo, fondos oscuros y solo iconos.
• Opciones flexibles de iconos: Añade iconos a cualquier estilo o utiliza el modo puro de solo iconos con formas circulares/cuadradas.
• Orden de los botones: primero redes sociales, primero IA o distribución mezclada.
• 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 limpieza de datos: Borrado automático de datos opcional cuando se desinstala el plugin
• 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 permite acceder a los mercados asiáticos.
9. Control preciso: excluye automáticamente páginas específicas o contenido noindex.

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
• 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
• Texto adicional personalizado: Añade un texto personalizado a los prompts de IA
• Estilos visuales: 5 estilos predefinidos, adaptables a cualquier tema
• Sistema de iconos avanzado: Muestra iconos con texto, modo de sólo iconos, iconos circulares o cuadrados.
• Ordenación de botones: Organiza los botones como primero sociales, primero IAs o mezclados
• Alineación de los botones: Elige alineación izquierda o centrada para diseños más limpios.
• Gestión de datos: Controla si los datos del plugin se borran al desinstalarlo
• 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 del sistema de iconos

• 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 9 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.
• 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,reddit"]
– Disponibles: twitter, linkedin, facebook, telegram, whatsapp, email, raindrop, reddit, bluesky, line, claude, chatgpt, google_ai, gemini, grok, perplexity, deepseek, mistral, copilot

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

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

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 buttons="chatgpt,mistral,copilot" style="icons-only" icon_style="square" show_title="false"]

[ayudawp_share_buttons alignment="center" style="brand" show_icons="true"]

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

Guía de personalización con CSS

Si necesitas personalizar los colores o estilos de los botones antes de que esté disponible una futura funcionalidad de personalización del diseño, aquí tienes las clases y selectores CSS que puedes utilizar:

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-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 estils:
– .brand – Estilo de colores de marca
– .minimal – Estilo mínimo
– .dark – Estilo para fondos oscuros
– .icons-only – Modo de solo iconos
– .with-icons – Botones de texto con iconos
– .circular – Botones de icono circulares
– .square – Botones de icono cuadrados

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

Ejemplo: Cambiar el color del botón de Claude:
.ayudawp-share-buttons.brand .ayudawp-share-btn.claude {
background: #your-color !important;
border-color: #your-color !important;
}

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 !important;
}

Ejemplo: Cambiar ancho del botón:
.ayudawp-share-btn {
width: 200px !important;
}

Notas importantes:
– Utiliza !important cuando cambies los colores de marca debido a su alta especificidad.
– Prueba tanto en pantallas de escritorio como móviles.
– Los botones con solo iconos tienen unas dimensiones fijas de 44 píxeles.
– Valora la posibilidad de utilizar las herramientas de desarrollo del navegador para inspeccionar los elementos.

Detalles técnicos

Requisitos del sistema

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

Características de rendimiento

• Estructura modular de archivos para una máxima eficacia
• Carga condicional de los recursos
• Sin dependencias externas
• CSS y JavaScript optimizados
• Iconos SVG ligeros (menos de 1 KB cada uno)
• Mínimo impacto en la base de datos
• Diseños adaptables inteligentes

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
• Preparado para traducciones
• Completa API de shortcodes
• Opciones de marcado optimizadas para SEO.
• Caja meta en las entradas para exclusiones individuales.

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.