Live Monitor Tracker 1 pixel image

London Dev Meetup Rescheduled! Due to unavoidable reasons, the event has been moved to 21st May. Speakers remain the same—any changes will be communicated. Seats are limited—register here to secure your spot!

AI OnAI Off

Home / Forums / Legacy forums / Episerver 7 CMS /

Neil Perry

Vote:

Live monitor is switched on but causing design layout issue as it is always rendered after body tag.

The JavaScript is not possible to change as it’s in a compiled dll.

void(function(){var tUrl = "/TrackerHandler.ashx?pageId=4&languageId=en-GB";tUrl += (tUrl.indexOf("?") > 0 ? "&" : "?") + "r=" + Math.random(); tUrl += "&referrer=" + escape(document.referrer);document.write("<img src='" + tUrl + "' alt='' width='1' height='1'/>"); }());

</script>

This will then render the following example mark-up

I really need a class on the image tag or something else, I could write some custom JavaScript to look for body > image and src attribute with /TrackerHandler but this would be an expensive DOM request.

Does anyone know another solution or away to position elsewhere?

#69131

Mar 22, 2013 11:30

Chris Sharp

Vote:

I'm having the same issue with this. Has anyone figured out a workaround or a way to modify this?

#70009

Apr 11, 2013 0:14

Neil Perry

Vote:

You can hide via jQuery, this is what I have coded for now.

jQuery(document).ready(function () {
jQuery.fn.exists = function () { return this.length > 0; };
attachEvents();
});

// Attach events to DOM
function attachEvents() {
hideTrackerHandler();
}

// Hide Tracker Handler
function hideTrackerHandler() {
var trackerHandler = jQuery('body img:first');
if (trackerHandler.exists()) {
if (/TrackerHandler.ashx/i.test(trackerHandler.attr('src')))
{
trackerHandler.hide();
}
}
}

#70041

Apr 11, 2013 10:32

Dmytro Duk

Vote:

I think it should be possible to solve using pure CSS, something like this:

img[src*="TrackerHandler.ashx"]  
{
    width: 0px; 
    height: 0px;
}

#70060

Apr 11, 2013 11:05

Chris Sharp

Vote:

In my opinion, using a CSS declaration is currently the best workaround.

For my case, I needed to use this in order for it to not show:

img[src*="TrackerHandler.ashx"]
{ 
    display: none; 
}

I did open up a ticket with EPiServer support for either a better workaround or a patch. If I hear anything from them, I'll update this thread.

#70095

Apr 11, 2013 16:50

This thread is locked and should be used for reference only. Please use the Episerver CMS 7 and earlier versions forum to open new discussions.