• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar a la barra lateral principal

DecodeCMS

Tu WordPress a otro Nivel ...

  • Acerca de
  • Contacto
  • Inicio
  • Tutoriales
    • Themes
    • Plugins
    • Core
    • Recursos
  • Cursos
  • Acceder
    • Mis cursos
    • Mi Cuenta
    • Acceder
Inicio / Tutoriales / Themes / Agregar rel=0 a videos YouTube de manera automática en WordPress

Agregar rel=0 a videos YouTube de manera automática en WordPress

Agregar rel=0 a videos YouTube de manera automática en WordPress

[ hace 11 meses ] [ Autor: Jhon Marreros Guzmán ][ Themes - Intermedio] [ ]

mejoras

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Hace poco un suscriptor me indicó que los videos de YouTube que incrusto en los artículos, al final de la reproducción muestran videos de otros sitios. Esto se corrige agregando un parámetro a la url, pero claro hay muchos artículos que tenía que corregir.

 

Resultado Final

Anteriormente al terminar de reproducir un video incrustado se veían videos recomendados de otros canales.

Muestra videos de otros canales

 
Sin embargo ahora se muestran videos del canal DecodeCMS que si están relacionados con el sitio.

Muestra videos relacionados con el canal

 

Generalidades

Para evitar mostrar contenido de otros canales al finalizar un video incrustado, sólo es necesario agregar rel=0 como parámetro de la url incrustada.

Por ejemplo:

src="https://www.youtube.com/embed/IZqdNUtNeoI/rel=0"
Para agregar parámetros a la url tenemos que agregar el signo “?” delante, en caso ya exista, para agregar más parámetros tenemos que usar el signo “&” delante.

 

Código para corregir los videos incrustados

Si tienes muchos videos como parte de tus entradas y quieres agregar rel=0 a todos ellos, una forma práctica es usando los Hooks de WordPress, específicamente usaremos el Hook de filtro de contenido.

add_filter( 'the_content', 'dcms_change_embebed_youtube');

function dcms_change_embebed_youtube( $content ){
  if ( ! is_singular('post') ) return $content;

  $pattern = "/youtube\.com\/embed\/(((?!rel=0).)+?)\"/";
  $substitution = "youtube.com/embed/$1/?rel=0\"";
  $content = preg_replace($pattern, $substitution, $content);

  return $content;
}

En el código anterior:

  • Usamos el Hook the_content que hace referencia a la función dcms_change_embebed_youtube()
  • Dentro de la función validamos que sólo tenga efecto en entradas de WordPress
  • Usaremos una expresión regular para buscar el texto de YouTube y reemplazarlo
  • Definimos el patrón (excluyendo si ya tiene agregado rel=0), y la sustitución y usamos la función preg_replace() de PHP
  • $1 es lo que se encontró como parte de la expresión regular, a eso le agregamos rel=0
  • Finalmente retornamos el contenido modificado

 

Conclusión

Como has podido ver, puedes usar los Hooks de WordPress para realizar correcciones en el contenido de tus entradas que de otra forma tendrías que haberlos realizado de manera manual.

 

¿Aún con dudas?, en el siguiente video se detallan los puntos anteriores.

Suscríbete a DecodeCMS:  

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • CRUD en WordPress sin pluginsCRUD en WordPress sin plugins
  • Cómo eliminar todos los productos de WooCommerceCómo eliminar todos los productos de WooCommerce
  • Agrupar los resultados de búsqueda en WordPressAgrupar los resultados de búsqueda en WordPress
  • tipos de complementos de WordPress5 tipos de complementos de WordPress
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (5 votos, promedio: 5,00 de 5)
Cargando...

Interacciones con los lectores

Para escribir código envolver con: <pre class="language-xxx"><code> </code></pre> ,reemplaza las xxx (php, css, html)

*

* Gravatar habilitado

Barra lateral principal

Presentación

Curso Decodifica WordPress

Únete a DecodeCMS

Recibirás como regalo:

Guia práctica con video:
¿Quieres agregar código a WordPress? Revisa las diferentes opciones que tienes.Ver más

Jooble
Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

accesibilidad css dashboard editor error funcionalidad herramientas imagen js librería mejoras optimización seguridad social woocommerce

Populares

Agregar cuadros de alerta en el contenido de WordPress

Agregar .HTML al final de URL en WordPress

Hosting WordPress ventajas y desventajas

Campo de texto para escribir en productos WooCommerce

© logo decode pie
Política de Privacidad | Política de devoluciones
Copyrigth 2023 Todos los derechos reservados