es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

  • es.davy.ai/
  • Programación /
  • ¿El activador de Google Tag Manager en el “Elemento de clic” no funciona para contenido o selector de CSS que contiene?

¿El activador de Google Tag Manager en el “Elemento de clic” no funciona para contenido o selector de CSS que contiene?

11 Jun, 2023 Programación

¿Cómo configuro mi activador para que se active en este elemento de “Hacer clic en el elemento” que se muestra en la imagen? He intentado una amplia gama de opciones, así como un selector CSS coincidente. Esto es para un reproductor de audio en un sitio web de Wix. Es el mismo elemento de Hacer clic para pausar y reproducir, así que solo tendré que etiquetar el registro una vez por visita a la página. Sin embargo, no puedo hacer que el activador se active. Ninguna otra variable es única para su reproductor de audio. Si necesito una variable personalizada, ¿cómo sería eso? ¡Gracias!

ACTUALIZACIÓN 1:
Página: https://www.backtable.com/shows/vi/podcasts/169/fallopian-tube-recanalization

HTML del botón de reproducción del reproductor de audio de Wix:

Cuando se presiona, el aria-pressed cambia entre falso y verdadero. Entonces, mi etiqueta está configurada para activarse una vez por página. No puedo encontrar el activador correcto, sin embargo. ¡Gracias!

ACTUALIZACIÓN 2:
Intenté usar: button [class ^ = ” PlayPause & quot;]
No funcionó e intenté algunas variaciones. ¿Puse algo mal o tienes alguna otra idea?
Captura de pantalla de GTM 2

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para configurar un desencadenante para el “Elemento de clic” mostrado en la imagen, puede seguir los siguientes pasos:

    1. En Google Tag Manager, vaya a la sección “Desencadenantes” y cree un nuevo desencadenante.
    2. Elija “Clic” como tipo de desencadenante.
    3. Configure las condiciones del desencadenante como “Algunos clics” y seleccione “Elemento de clic” como tipo de desencadenante.
    4. Para la condición del “Elemento de clic”, use el siguiente selector CSS: button.PlayPause1336740190__button
    5. Guarde el desencadenante.

    Si el desencadenante aún no se activa, puede intentar usar una variable personalizada única para identificar el reproductor de audio. Por ejemplo, puede crear una variable JavaScript que devuelva el ID o la clase del elemento del reproductor de audio, y use esa variable en la condición de su desencadenante. Aquí hay un ejemplo de cómo podría verse esa variable personalizada:

    1. En GTM, vaya a la sección “Variables” y cree una nueva variable definida por el usuario.
    2. Elija “JavaScript personalizado” como tipo de variable.
    3. En el cuadro de código JavaScript, ingrese el siguiente código:

      function() {
      // Reemplace ‘audio-player-id’ con el ID o la clase del elemento de su reproductor de audio
      return document.querySelector(‘#audio-player-id’).getAttribute(‘class’);
      }

    4. Guarde la variable.

    5. En la condición de su desencadenante, use la variable personalizada en lugar del selector CSS. Por ejemplo: {{Variable personalizada}} contiene ‘PlayPause’

    ¡Esperamos que una de estas estrategias lo ayude a obtener que el desencadenante funcione correctamente!

Comments are closed.