javascript - simo - Google Tag Manager: desafío del selector de CSS

page path and page url

Question

Estoy tratando de obtener la URL de un enlace en el código fuente. El desafío es que la URL está oculta detrás de una imagen y, por lo tanto, solo me permite buscar la url de la imagen.

He estado tratando de encontrar una manera de resolver este problema utilizando el nuevo selector de CSS en el sistema de activación y también he creado una variable DOM que debería obtener la URL cuando se hace clic en la imagen. También puede haber múltiples descargas.

Aquí hay un ejemplo de lo que estoy tratando de lograr:

<div> 
 <div class="download">
  <a href="example.com/The-URL-I-Want-to-get-if-top-image-is-clicked.pdf" target="_blank">
   <img src="some-download-image.png"/></a>
 <div class="download">
  <a href="example.com/Another-URL-I-Want-to-get-if-middle-image-is-clicked.pdf" target="_blank">
   <img src="some-download-image.png"/></a>
 <div class="download">
  <a href="example.com/Last-URL-I-Want-to-get-if-bottom-image-is-clicked.pdf" target="_blank">
   <img src="some-download-image.png"/></a>
 </div>
</div>

Hay muchos códigos arriba y debajo de este fragmento, pero con el selector debería ser bastante fácil obtener la información que quiero. Solo que yo no.

Si alguien ha conocido este muro y lo ha resuelto, realmente me gustaría saber cómo. :)

Answer 1

Esta es una solución posible. Entonces, según lo entiendo, le gustaría tomar el atributo href del elemento de anclaje cuando hace clic en la imagen de "descarga".

Debería crearse una variable de JavaScript personalizada para que pueda manipular el objeto de elemento de clic:

function(){
   var ec = {{Click Element}};
   var href = $(ec).closest(''a'').attr(''href'');
   return href;
}

Por lo tanto, tendrá que hacer su diligencia debida y agregar las comprobaciones de errores y demás, pero básicamente esto le devolverá el href, y luego tendrá que analizar la cadena para extraer la parte que necesita.