GSpeech TTS - Guía de implementación

Introducción

GSpeech es un complemento moderno líder de WordPress de texto a voz, que utiliza Google Tecnología para generar el mejor sonido y funciona en todos los dispositivos y navegadores! Con Más de 65 idiomas disponibles su sitio estará disponible para audiencias más grandes en todo el mundo. Las versiones comerciales de este complemento gratuito de WordPress de conversión de texto a voz utilizan el Las mejores voces de IA parecidas a las humanas, para que sea aún más cómodo consumir su contenido y servir mejor a sus clientes. Agregar funciones de texto a voz mejorará la calidad de su sitio. Clasificaciones SEO y aumentar su tráfico y ventas.

Gracias por interesarse en GSpeech TTS: complemento de texto a voz de WordPress. En este manual, le explicaremos cómo instalar y utilizar el complemento en su sitio web.

Descargar

📚 Instalación

Primero, inicie sesión en su panel de WordPress y haga clic en “Complementos->Agregar nuevo complemento”:

Busque "GSpeech" en la consola de búsqueda en la parte superior derecha. Ahora verá el complemento GSpeech a continuación. Haga clic en el botón "Instalar ahora":

Y el botón cambiaría a “Activar”. Haga clic en él y espere comentarios de éxito de WordPress.
Tambien tu puedes Descargar el paquete y cárguelo manualmente.
Ahora verá el menú "GSpeech" en el panel de menús de la izquierda:

📚 Configuración del complemento - GSpeech Cloud Console

GSpeech Cloud Console es la última generación de nuestro producto, que permite utilizar las mejores voces de IA y traducir contenido de audio en tiempo real a más de 65 idiomas. Admite varios tipos de reproductores:

• Reproductor de página completa
• Reproductor de botones
• Jugador del círculo
• Leer reproductor de texto resaltado (RHT)
• Mensajes de Bienvenida

Puedes consultarlos en página de demostración.

📚 Activación

Para usarlo, debe activar Cloud Console.
Vaya a "GSpeech->Consola en la nube". Elija el idioma predeterminado del sitio, su contraseña y haga clic en "Activar":

Si ya se registró en gspeech.io, inicie sesión en lugar de activar. Después de iniciar sesión, se habilitará el botón de activación:

📚 Configuración de la nube

Después de la activación, será redirigido a la página de configuración. La configuración principal está separada en varias pestañas.

Pestaña General: Aquí usted controla la configuración principal:

• Idioma - Idioma principal de tu sitio web. Se utilizará como valor predeterminado para todos los widgets de audio.
• Planes - Por defecto estás en el Plan Gratuito. La migración a planes comerciales se hace aquí, en un clic.
• Estado - Publicado, Inédito.
• Afiliación - Conviértete en afiliado y obtén una comisión del 15%. Se muestra un pequeño enlace en el reproductor con tu clave especial. Puedes ver las ventas con tu clave en tu panel de control.
  De esta manera también ayudas a que el producto sea más popular.
• Lazy Loading - Si está activado, GSpeech no afectará en absoluto el tiempo de carga de la página.
• Recargar sesión - Active esta opción para actualizar los tokens de autenticación cuando reactive la consola en la nube.
• Habilitar automáticamente - ¡Habilitar reproductor automáticamente!
• Mostrar en la página de inicio - Mostrar el reproductor en la página de inicio.
• Leer titulos - Incluir el texto del título al inicio del audio.
• Sitio web en varios idiomas - Captura automáticamente el idioma actual del sitio y carga los datos apropiados.
• Pon Tipos - En qué tipos de publicaciones se muestran los jugadores.
• Categorías - En qué categorías se muestran los jugadores.
• Voz - Voz predeterminada. Se utiliza como valor predeterminado para todos los widgets de audio.
• Velocidad de voz - Disponible solo para voces de IA.
• Tono de voz - Disponible solo para voces de IA.
• Panel de voz - Muestra el panel de voz en los reproductores y brinda a los usuarios la oportunidad de elegir la voz deseada.
• Excluir contenido - Use valores CSS para excluir el contenido de algunos elementos del audio. Cuando acceda a un elemento mediante id, use # y punto (.) cuando use con clase. Separe varios valores con coma (,).
  Ejemplo: #some_id,.some_class
• URL permitidas - Lista de URL donde se debe mostrar el reproductor. Coloque una URL por fila. Use un asterisco (*) para buscar cualquier carácter.
  Ejemplo: https://tudominio.io/blog/*
• URL bloqueadas - Lista de URL donde NO se debe mostrar el reproductor. Coloque una URL por fila. Use un asterisco (*) para buscar cualquier carácter.
  Ejemplo: https://tudominio.io/blog/*
• Traducción sobre la marcha - Active esta opción si su sitio utiliza el método de traducción sobre la marcha. Esta opción permite esperar a que la traducción esté lista y aplicar el reproductor al contenido traducido.
  Nota: También debes habilitar la opción “Multi-Idioma”.

Pestaña de jugador: Aquí controlas la configuración del reproductor:

• Aparecer animación - Cómo debería aparecer el jugador.
• Panel de velocidad - Muestra control de velocidad.
• Panel de volumen - Muestra control de volumen.
• Panel de texto - Abre el Panel de texto y resalta la parte del texto que está en rojo.
• Panel de descarga - Muestra el icono de descarga en el reproductor para descargar el archivo mp3.
• Recuento de jugadas - Muestra el conteo que jugó cierto jugador.

Pestaña de traducción: aquí especificas la lista de idiomas y voces para cada idioma. Muestra el icono del globo terráqueo en el reproductor, que abre una lista de idiomas.

Código personalizado: aquí puedes escribir css o javascript personalizado.

Alias: Por ejemplo, es necesario que la IA se lea como Inteligencia Artificial. Simplemente agregue la línea: ai:inteligencia artificial.

¡Ahora vamos a explicarte los diferentes tipos de jugadores! Se controlan mediante widgets de audio. Cada jugador tiene su widget allí.

📚 Reproductor RHT (leer texto resaltado)

El reproductor Leer texto resaltado (RHT) permite a los usuarios escuchar cualquier texto seleccionado en el sitio. ¡Es una característica de accesibilidad muy buena para cualquier sitio web!

Para administrarlo, vaya a "Widgets->RHT Player":

Verá la lista de todas las opciones allí, separadas por pestañas.

Pestaña General: aquí controlas la configuración general.

• Título - nombre del widget. Usado solo en tablero.
• Estado - Publicado, Inédito.
• ¿Usar idioma/voz personalizado? - Si está deshabilitado, utiliza los valores globales especificados en la sección Configuración. Puede utilizar valores personalizados aquí.
• Varias voces - Muestra el panel de voz en el reproductor y ofrece la posibilidad de elegir diferentes voces.

Ficha Contenido: aquí controlas la configuración del contenido.

• Texto del título - Título del jugador, que es visible cuando el usuario pasa el cursor sobre él.
• URL permitidas - Especificar las URL donde este reproductor debería estar activo. Por defecto está activo en todas las páginas. Puede insertar una URL por fila. Puedes usar un asterisco para hacer coincidir cualquier carácter. Por ejemplo, necesitas que esté activo en todas las páginas del blog, puedes escribir https://example.com/blog/* .
• URL bloqueadas - Especificar las URL donde debe estar oculto este reproductor.

Pestaña de jugador: Igual que en la pestaña Reproductor de Configuración de la nube, pero le brinda la oportunidad de usar valores personalizados. Por ejemplo, si el panel de volumen está habilitado de forma predeterminada, pero desea mostrarlo para este reproductor.

Pestaña Textos: Controla todos los textos en el reproductor:

Diseño de pestaña: Controla la apariencia del reproductor, con vista previa en vivo:

• Vista previa - Ver en tiempo real el aspecto del jugador.
• Plantilla - Elige una de las 16 hermosas combinaciones de colores.
• Vista de bloque - Vista del reproductor RHT. Las Vistas 2 y 3 tienen los paneles Idioma y Texto expandidos.
• Posición del icono - Izquierda derecha. La posición del icono TTS, que informa sobre el servicio TTS activo en el sitio web.
• Top Offset - Desplazamiento de ese icono.
• Mostrar banner - Mostrar/Ocultar banner de ilustración TTS, que informa cómo pueden usarlo los usuarios.
• Posición del banner - Dónde mostrar el banner.
• Evento de cierre de banner - Mostrar banner en cualquier momento u ocultar durante la sesión.

Alias: Igual que para los alias de configuración de la nube, pero solo para este reproductor.

📚 Reproductor de página completa

GSpeech Full Page Player es un reproductor de texto a audio de tamaño completo con potentes funciones:

📚 Reproductor de página completa - Código corto

Para insertar el reproductor de página completa en cualquier parte del contenido, utilice [discurso] Código corto.
Para administrar el reproductor de página completa insertado mediante código corto, vaya a "Widgets->Reproductor de página completa - Código corto":

Abrirá todas las opciones, separadas por pestañas.

Pestaña General: aquí controlas la configuración general.

• Título - nombre del widget. Usado solo en tablero.
• Shortcode - Código corto para insertar en cualquier parte del contenido.
• HTML personalizado - También se puede insertar vía html.
• Estado - Publicado, Inédito.
• ¿Usar idioma/voz personalizado? - Si está deshabilitado, utiliza los valores globales especificados en la sección Configuración. Puede utilizar valores personalizados aquí.
• Varias voces - Muestra el panel de voz en el reproductor y ofrece la posibilidad de elegir diferentes voces.

Ficha Contenido: aquí controlas la configuración del contenido.

• Selector de contenido - Especifique los valores HTML de los elementos, qué contenido debe incluirse en el audio. Separar con coma (,).
  Ejemplo: artículo,sección,#mi_id,.mi_clase.
  Usa clase_padre, que es el valor predeterminado, para obtener el contenido del elemento principal, donde se insertó.
• Elemento de renderizado - Debería ser .gsp_full_player para este widget de audio.
• Posición de renderizado - No es necesario para shortcode.
• Lista de exclusión - Especifique los valores HTML de los elementos, que no deben leerse. Separar con coma (,). Ejemplo: #element_id,.element_class.
• Selector de título - Si necesita que el título del reproductor sea el título de su artículo, especifique aquí su valor HTML. Ejemplo: h1. Déjelo vacío cuando lo utilice. Texto del título.
• Texto del título - El título de jugador.
• Texto de contenido - Si desea que este reproductor lea sólo cierto contenido, especifíquelo aquí.
• URL permitidas - No es necesario para shortcode.
• URL bloqueadas - No es necesario para shortcode.

Pestaña de jugador: aquí controlas la configuración del reproductor. Es lo mismo que en la pestaña Reproductor de Configuración de la nube, pero le brinda la oportunidad de usar valores personalizados.

• Carga automática - Genera automáticamente el audio, una vez cargada la página, sin hacer clic en el botón de reproducción. Debe usarse con precaución, ya que puede provocar un uso elevado de caracteres.

Pestaña Textos: Controla todos los textos en el reproductor:

Diseño de pestaña: Controla la apariencia del jugador:

• Vista previa - Ver en tiempo real el aspecto del jugador.
• Plantilla - Elige una de las 16 hermosas combinaciones de colores.
• Tema BG - Estilo de fondo del reproductor.
• Ancho - Ancho del jugador. Puede estar en porcentajes o píxeles.
• Margen: superior/inferior - Margen superior e inferior del jugador.

Alias: Igual que para los alias de configuración de la nube, pero solo para este reproductor.

📚 Reproductor de página completa - Varias páginas

Este widget de audio se puede utilizar para representar el reproductor en varias páginas automáticamente.
Para administrar el reproductor de página completa - widget de varias páginas, vaya a "Widgets->Varias páginas (reproductor de página completa)":

Abrirá todas las opciones, separadas por pestañas. Son los mismos que para el Reproductor de página completa - Código corto. Por lo tanto, no discutiremos todas las opciones, consulte la sección anterior. Discutiremos opciones relacionadas con este widget únicamente.
No está publicado de forma predeterminada, primero debes publicarlo.
Ficha General:

• Estado - Para activarlo, configúrelo en Publicado.

Pestaña Contenido:

• Selector de contenido - Especifique los valores HTML de los elementos, qué contenido debe incluirse en el audio. Separar con coma (,).
  Ejemplo: artículo,sección,#mi_id,.mi_clase.
  Usa auto_clase, que es el valor predeterminado, para obtener el contenido del elemento donde se inserta.
• Elemento de renderizado - Por defecto tiene el valor: .contenido de entrada,.contenido posterior,.contenido_postal,.publicación,.blog,.cuerpo del blog,.contenido,.sección,artículo . Si su contenido utiliza un nombre de clase especial, colóquelo aquí.
• Posición de renderizado - Después o Antes del contenido.
• Lista de exclusión - Especifique los valores HTML de los elementos, que no deben leerse. Separar con coma (,). Ejemplo: #element_id,.element_class.
• Selector de título - Si necesita que el título del reproductor sea el título de su artículo, especifique aquí su valor HTML. Ejemplo: h1. Déjelo vacío cuando lo utilice. Texto del título.
• Texto del título - El título de jugador.
• Texto de contenido - Si desea que este reproductor lea sólo cierto contenido, especifíquelo aquí.
• URL permitidas - Especificar las URL donde este reproductor debería estar activo. Por defecto está activo en todas las páginas. Puede insertar una URL por fila. Puedes usar un asterisco para hacer coincidir cualquier carácter. Por ejemplo, necesitas que esté activo en todas las páginas del blog, puedes escribir https://example.com/blog/* .
• URL bloqueadas - Especificar las URL donde debe estar oculto este reproductor. Si desea ocultarlo en la página de inicio, coloque la URL de la página de inicio aquí.

Las otras opciones de pestañas son las mismas que para Reproductor de página completa - Código corto, así que consulte la sección anterior.

📚 Reproductor de botones

GSpeech Button Player es un reproductor de audio con estilo de botón, con un potente panel de opciones, que se abre al hacer clic en el ícono de puntos:

Para insertar Button Player en cualquier parte del contenido, utilice [gbotón de voz] Código corto.
Para administrar Button Player insertado mediante shortcode, vaya a "Widgets->Button Player - Shortcode":

Abrirá todas las opciones, separadas por pestañas.
La estructura aquí es la misma que para Reproductor de página completa - Código corto, así que consulte la sección anterior.
La diferencia está en la pestaña Diseño, donde controlas la combinación de colores de Button Player.
Pestaña Diseño:

• Vista previa - Ver en tiempo real el aspecto del jugador.
• Plantilla - Elige una de las 16 hermosas combinaciones de colores.
• Ancho - Ancho del jugador. Puede estar en porcentajes o píxeles.
• Margen: superior/inferior - Margen superior e inferior del jugador.

Las otras opciones son las mismas, en cuanto a Reproductor de página completa - Código corto, así que consulte la sección anterior.

📚 Circle Player tiene configuraciones similares a las del reproductor de botones.

📚 Modo GSpeech 2.X

Cuando se usa en modo 2.X, mostrará el ícono del altavoz una vez que el usuario resalte cualquier texto en el sitio.

Para usar en modo 2.X, vaya a GSpeech->GSpeech 2.X.
Configure "Usar versión 2.X" en "Sí", elija el idioma predeterminado del sitio web y haga clic en "Guardar":

Para configurar los estilos, vaya a la pestaña "Estilos". Puede elegir uno de los más de 50 íconos de altavoces y configurar todos los colores allí. El reproductor predeterminado usa "Estilo 2":

Si tienes algún problema, simplemente póngase en contacto con nosotros.