Cómo mostrar el estado de Twitch e incrustar una transmisión en WordPress

¿Recuerdas cuando los videojuegos eran un pasatiempo especializado? Difícilmente se puede decir que ese sea el caso. El juego es una industria masiva y la corriente principal del entretenimiento, por lo que no es de extrañar que haya una plataforma de transmisión dedicada para las personas interesadas en jugar y ver a otras personas jugar y comentar juegos: Twitch. Las transmisiones de Twitch son accesibles en línea, pero también hay formas de integrarlas con WordPress e incluso incrustando transmisiones de Twitch en su sitio web de WordPress.

Entonces, si quieres proporcionar a sus visitantes un fácil acceso a una transmisión de Twitch en particular, Estás en el lugar correcto. Pero demos un paso atrás: ¿por qué querrías hacer eso, de todos modos, y cómo puedes integrarlo en tu sitio web de WordPress? Esto es de lo que hablaremos:

¿Por qué incrustar una transmisión de Twitch?

En la mayoría de las formas, Contracción nerviosa es un servicio de transmisión de video en línea como cualquier otro. Lo que lo distingue es su enfoque en el transmisión en vivo de videojuegos. Ahora es una red social tan grande como lo es YouTube, y proporciona a los espectadores de todo el mundo transmisiones de juegos y otro contenido relacionado con los juegos. Desde su adquisición por Amazon en 2014, Twitch ha creció enormemente en términos de espectadores por mes, usuarios activos mensuales y emisoras.

Te guste o no, Twitch es el canal principal para streamers de videojuegos en este momento. Ya sea que esté en el negocio de los videojuegos o simplemente quiera mostrar un pasatiempo, puede beneficiarse de la integración de su sitio web de WordPress y Twitch.

A partir de 2016, Twitch ha introducido enlaces de ventas a las transmisiones, lo que permite a los transmisores monetizar sus canales a través de comisiones de ventas, lo que facilita la transmisión de juegos como negocio. Esto también significa que ahora hay un claro incentivo comercial también para la construcción de enlaces entre sitios web de WordPress y transmisiones de Twitch.

Cómo mostrar el estado de Twitch en WordPress

Supongamos que desea que los visitantes de su sitio web sepan cuándo está transmitiendo en Twitch. Puedes hacerlo fácilmente usando un complemento. El complemento que usaremos es Estado de la transmisión para Twitch. Es muy fácil de configurar, todo lo que realmente necesita es un nombre de canal.

Después de haber instalado y activado el complemento, búsquelo en el Complementos pantalla y haga clic en el Ajustes Enlace.

Estado de la transmisión para la configuración de Twitch

Aquí es donde puede personalizar la apariencia del complemento. En el complemento Ajustes principales, ingrese el nombre del canal al que desea vincularse. Con eso, ya está listo: debería ver el widget en la parte inferior derecha de la pantalla. Sin embargo, este complemento todavía te permite algunas opciones de personalización.

En relación :  Cómo agregar el atributo de título a su menú de WordPress

En esta pantalla, también puede comprobar Ocultar cuando esté desconectado para mostrar el widget solo cuando el transmisor está transmitiendo, verifique Abrir en Nueva ventana para abrir la transmisión en una nueva ventana y cambiar el texto de estado si una transmisión está en vivo o en línea.

Estado de la transmisión para la configuración de Twitch

El Posicionamiento Las opciones se utilizan para establecer la posición del botón flotante. Comprobación Posicionamiento absoluto mantendrá el botón en su posición en el sitio web, mientras que por defecto flota independientemente de cómo se desplace. El Vertical y Horizontal Los menús de ubicación le permiten cambiar la posición de los botones en términos generales, mientras que Arriba / abajo y Distancia izquierda / derecha Los campos le permiten ajustarlo en relación con el borde de la pantalla.

Estado de la transmisión para la configuración de Twitch

El Personalización la configuración rige el aspecto del botón flotante en sí, incluidas las opciones de color y la redondez de las esquinas. También puede elegir un Diseño más grande si desea agrandar su widget en o Deshabilitar el subrayado del texto de estado al pasar el mouse.

Estado de la transmisión para la configuración de Twitch

Finalmente, en el Misc opciones que puedes comprobar Deshabilitar la animación de apariencia en caso de que desee un botón flotante simple y establezca resoluciones de pantalla para las que el widget no aparece.

Estado de la transmisión para la configuración de Twitch

Y ahí lo tienes, tu botón aparecerá para todos los visitantes de tu sitio web.

Estado de la transmisión para la vista previa de Twitch

Cómo incrustar una transmisión de Twitch en WordPress

Sin embargo, si desea incrustar su transmisión de Twitch, deberá hacer un trabajo adicional y un complemento diferente. Para esto, usaremos Twitch para WordPress. Después de haber instalado y activado el complemento, aún necesitará una clave API para que funcione. Necesitará una cuenta de Twitch y también Configurar la autenticación de dos factores en tus cuentas de Twitch configuraciones de seguridad. Twitch es muy consciente de la seguridad, y los pasos exactos que debe seguir pueden variar con respecto a las cuentas de correo electrónico y los dispositivos que pueda estar utilizando. Siga las indicaciones en la pantalla y debería estar bien.

Puede encontrar las instrucciones para crear una API de Twitch en la configuración del complemento. Pero no se preocupe, lo guiaremos en cada paso del camino una vez que haya configurado y configurado su cuenta.

Configuración de Twitch para WordPress

Mientras está conectado a su cuenta de Twitch, vaya a la Desarrolladores de Twitch sitio. Necesitaras Autorizar Desarrollador de Twitch para acceder a su cuenta.

Autorizar desarrollador de Twitch

Luego será llevado a la consola de su cuenta. Encuentra el Aplicaciones pestaña y haga clic en el botón del lado derecho para +Registre su aplicación.

Registre su aplicación

A continuación, debe elegir un Nombre para su aplicación, ingrese y Agregar un enlace de redireccionamiento válido para su URL de redireccionamiento de OAuth (para fines de prueba, hemos utilizado https: // localhost) y seleccione Integración de sitios web para su aplicación Categoría. Verifique el reCAPTCHA y luego haga clic en Crear.

En relación :  Cómo generar contraseñas seguras y difíciles de descifrar en línea
Consola Crear

Una vez que haya creado su aplicación, haga clic en el Gestionar botón.

Gestionar

Finalmente, llegamos a las dos cosas que necesitamos: su Identificación del cliente y tu Secreto del cliente. Haga clic para obtener su Nuevo secreto.

Nuevo secreto

Pega tu Identificación del cliente y tu Secreto del cliente en sus campos en el Configuración de API secciones y presione enter. Tu API Estado cambiará a Conectado.

Pegar ID y secreto

Desplazándose hacia abajo, encontrará el complemento Configuración general. Estos incluyen el Duración de la caché configuración (durante cuánto tiempo almacena el complemento los archivos temporales; manténgalo bajo para un mejor rendimiento), y el Sin corrientes configuración de mensajes, que rige si el usuario ve el mensaje cuando no hay transmisiones disponibles y cuál es el mensaje en sí.

Más abajo están los Configuración por defecto, que contienen el Idioma filtro (debe seleccionar un idioma en el que mostrar las transmisiones), así como Widget y Estilo de vista previa. La versión gratuita de este complemento no nos brinda muchas opciones aquí, por lo que dejaremos todas estas configuraciones en paz.

Configuración por defecto

Más abajo, puede revisar los datos de la API y la disponibilidad de la transmisión, y hacer clic en Guardar cambios.

Revisar y guardar

Ahora, para colocar realmente su widget de transmisión en su sitio web, debe navegar a Apariencia / Widgets en su panel de WordPress y arrastre el widget de Twitch al área deseada. Tenga en cuenta que los nombres y las posiciones de las áreas de widgets varían según el tema.

Arrastrar widget

Una vez que tenga su widget en su lugar, debe configurarlo. Tu transmisión puede tener un Título, pero no es obligatorio. La versión gratuita le permite hasta tres transmisiones, pero enlazaremos solo una. Introducir el Serpentinas desea que aparezca como una lista separada por comas. El Ajustes de salida le permite especificar la cantidad de transmisiones que se incluirán (nuevamente, elegimos una). El Configuración de plantilla te dejo elegir entre el Estilo desde su página de configuración u otras configuraciones (disponible solo en la versión pro), elija el Tamaño (optamos por lo pequeño, porque de lo contrario el widget ocuparía el ancho de la pantalla), y el Avance. Fuimos con Imagen, pero puede elegir una vista previa de video si lo desea. El Contexto del widget El menú le permite elegir cuándo se muestra el widget. Una vez que esté satisfecho con su configuración, haga clic en Ahorrar.

Configuración de widget
Configuración de widget

Y finalmente, su transmisión estará allí para que sus visitantes la disfruten.

Vista previa en vivo

En conclusión

Como has visto, dar a conocer tu presencia en Twitch no es gran cosa, mientras que insertar una transmisión requiere un poco de esfuerzo. Te guste o no, Twitch es una herramienta indispensable para la distribución de contenido relacionado con los juegos. Si su sitio web está relacionado de alguna manera con juegos, no puede darse el lujo de ignorarlo.