fix: fix duplicate link click tracking
This commit is contained in:
		
							parent
							
								
									11959de11c
								
							
						
					
					
						commit
						7df2bb6f5e
					
				
					 2 changed files with 24 additions and 23 deletions
				
			
		| 
						 | 
				
			
			@ -160,6 +160,29 @@
 | 
			
		|||
          )
 | 
			
		||||
        }
 | 
			
		||||
      {{end}}
 | 
			
		||||
      
 | 
			
		||||
      // analytics
 | 
			
		||||
      function clickHandler(evt) {
 | 
			
		||||
        const target = evt.target 
 | 
			
		||||
        const classNames = target.className.split(" ")
 | 
			
		||||
        const broken = classNames.includes("broken")
 | 
			
		||||
        const internal = classNames.includes("internal-link")
 | 
			
		||||
        plausible("Link Click", {
 | 
			
		||||
          props: {
 | 
			
		||||
            href: target.href,
 | 
			
		||||
            broken,
 | 
			
		||||
            internal,
 | 
			
		||||
            graph: false,
 | 
			
		||||
          }
 | 
			
		||||
        })
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
      const links = document.querySelectorAll("a")
 | 
			
		||||
      for (link of links) {
 | 
			
		||||
        if (link.className.includes("root-title")) {
 | 
			
		||||
          link.addEventListener('click', clickHandler, {once: true})
 | 
			
		||||
        }
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    const init = (doc = document) => {
 | 
			
		||||
| 
						 | 
				
			
			@ -183,28 +206,6 @@
 | 
			
		|||
        throwOnError : false
 | 
			
		||||
      });
 | 
			
		||||
      {{end}}
 | 
			
		||||
 | 
			
		||||
      // analytics
 | 
			
		||||
      function clickHandler(evt) {
 | 
			
		||||
        const target = evt.target 
 | 
			
		||||
        const classNames = target.className.split(" ")
 | 
			
		||||
        const broken = classNames.includes("broken")
 | 
			
		||||
        const internal = classNames.includes("internal-link")
 | 
			
		||||
        plausible("Link Click", {
 | 
			
		||||
          props: {
 | 
			
		||||
            href: target.href,
 | 
			
		||||
            broken,
 | 
			
		||||
            internal,
 | 
			
		||||
            graph: false,
 | 
			
		||||
          }
 | 
			
		||||
        })
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
      const links = document.querySelectorAll("a")
 | 
			
		||||
      for (link of links) {
 | 
			
		||||
        link.addEventListener('click', clickHandler)
 | 
			
		||||
        link.addEventListener('auxclick', clickHandler)
 | 
			
		||||
      }
 | 
			
		||||
    };
 | 
			
		||||
  </script>
 | 
			
		||||
  {{if $data.enableSPA | default $.Site.Data.config.enableSPA}}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue