localStorage.rr_cId = '0GqvhLGfL';
    window.rr_tracking = (tracktype, data)=>{
      let url = 'https://xuser.de/'+tracktype;
      var xhr = new XMLHttpRequest();
      xhr.open("POST", url, true);
      xhr.setRequestHeader('Content-Type', 'application/json');
      xhr.send(JSON.stringify( data ));
    };
    document.onreadystatechange = () => {
      if (document.readyState === 'complete') {
        i();
      }
    };
    document.addEventListener('click', (e) => {
      rr_tracking('click', 
      {
        "cId": localStorage.rr_cId, 
        "tId": localStorage.rr_tId, 
        "vId": sessionStorage.rr_vId,
        "url" : window.location.origin+window.location.pathname,
        "clickEvent": 'userclick',
        "clickCoords":{"x" : e.clientX, "y": e.clientY},
        "clickElement" : {"tag":e.target.tagName, "text": e.target.innerText}
      });
    });


    function i(){
      if(!html2canvas){ 
        setTimeout(i, 500);
      }else{ 
        l();
      }
    }
    async function l() {   
      console.log('Page logged')     
      if(typeof localStorage.rr_tId == 'undefined' || typeof sessionStorage.rr_vId == 'undefined' ){          
        fetch('https://xuser.de/getids')
        .then(result => result.json() )
        .then( (rData) => {
          if(typeof localStorage.rr_tId == 'undefined') localStorage.rr_tId = rData.trackingId;
          if(typeof sessionStorage.rr_vId == 'undefined') sessionStorage.rr_vId = rData.visitId;
        } )
      }
      const screenshotTarget = document.body;
      let base64image;
      if(sessionStorage[ window.location.pathname] != 'true' ){
        sessionStorage[ window.location.pathname] = 'true';
        html2canvas(screenshotTarget).then((canvas) => {
            base64image = canvas.toDataURL("image/png");
            rr_tracking('track', {
              "cId": localStorage.rr_cId, 
              "tId": localStorage.rr_tId, 
              "vId": sessionStorage.rr_vId,
              "url" : window.location.origin+window.location.pathname,
              "urlsearch" : window.location.search,
              "pageDimensions": {"x" : window.innerWidth, "y" : window.innerHeight },
              "pageImg" : base64image
            })
        });   

      }else{
        rr_tracking('track', {
          "cId": localStorage.rr_cId, 
          "tId": localStorage.rr_tId, 
          "vId": sessionStorage.rr_vId,
          "url" : window.location.origin+window.location.pathname,
          "urlsearch" : window.location.search,
          "pageDimensions": {"x" : window.innerWidth, "y" : window.innerHeight }
        })
      }
    };