Track whether the bottom of the page is reached

[trajano]

Track whether we reached the bottom of the page where the contact info is

[trajano]

<script>
  // JQuery-visible
!function(t){var i=t(window);t.fn.visible=function(t,e,o){if(!(this.length<1)){var r=this.length>1?this.eq(0):this,n=r.get(0),f=i.width(),h=i.height(),o=o?o:"both",l=e===!0?n.offsetWidth*n.offsetHeight:!0;if("function"==typeof n.getBoundingClientRect){var g=n.getBoundingClientRect(),u=g.top>=0&&g.top<h,s=g.bottom>0&&g.bottom<=h,c=g.left>=0&&g.left<f,a=g.right>0&&g.right<=f,v=t?u||s:u&&s,b=t?c||a:c&&a;if("both"===o)return l&&v&&b;if("vertical"===o)return l&&v;if("horizontal"===o)return l&&b}else{var d=i.scrollTop(),p=d+h,w=i.scrollLeft(),m=w+f,y=r.offset(),z=y.top,B=z+r.height(),C=y.left,R=C+r.width(),j=t===!0?B:z,q=t===!0?z:B,H=t===!0?R:C,L=t===!0?C:R;if("both"===o)return!!l&&p>=q&&j>=d&&m>=L&&H>=w;if("vertical"===o)return!!l&&p>=q&&j>=d;if("horizontal"===o)return!!l&&m>=L&&H>=w}}}}(jQuery);
var trackedElements = [ ".page-footer .container h5" ]
function fireWhenVisible() {
  trackedElements = trackedElements.forEach(function(e){
    if ($(e).visible()) {
  	dataLayer.push({'event': 'element_visible_' + e});
       	return true
    } else {
      return false
    }
  })
}
$(window).on('blur', fireWhenVisible)
$(window).on('scroll', fireWhenVisible)
</script>

[trajano]

The code requires JQuery to be present which in our case isn't because the script is loaded in HEAD and so the timing may not be there.