MediaWiki:WMDE FR2017/Resources/TrackSizeIssues.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/**
 * Get number of pixels remaining in viewport after the banner height was subtracted.
 * @param jQuery bannerElement
 * @return Number 
 */
fundraisingBanner.getVisibleWikipedia = function ( bannerElement ) {
    return $( window ).height() - bannerElement.height();
}

/**
 * Check if Banner takes too much screen space and track the incident
 * @param jQuery bannerElement
 */
fundraisingBanner.trackSizeIssues = function( bannerElement ) {
    var bannerHeight = bannerElement.height(),
        viewportHeight = $( window ).height(),
        viewportWidth = $( window ).width(),
        trackRatio = parseFloat( '{{{track-space-ratio}}}' ) || 0.01,
        threshold = 180, // Pixels
        resolutions = '';

    if ( fundraisingBanner.getVisibleWikipedia( bannerElement )  > threshold ) {
        return;
    }
    if ( Math.random() > trackRatio ) {
        return;
    }
    // Avoid multiple tracking when trackSpaceIssues is called multiple times
    if ( $( '#WMDE_Banner-track-sizes', bannerElement ).length > 0 ) {
        return;
    }
    resolutions = [ 
        bannerHeight,
        viewportWidth + 'x' + viewportHeight,
        screen.width + 'x' + screen.height,
        window.outerWidth + 'x' + window.outerHeight
    ].join( '--' );

    var trackUrl = 'https://spenden.wikimedia.de/banner-size-issue/{{{BannerName}}}/' + resolutions;
    bannerElement.append( $( '<img id="WMDE_Banner-track-sizes" width="1" height="1">').attr( 'src', 'https://tracking.wikimedia.de/piwik.php?idsite=1&rec=1&url=' + trackUrl ) );
}