adkit.clickthrough(interaction_name,url), adkit.clickThrough(interaction_name,url)

function checkIfAdKitReady(event) {
    adkit.onReady(function() {
        document.getElementById('szk-click-btn').addEventListener('click', handleClick);
    }
}
function handleClick() {
    // Default clickthrough with url defined in platform
    adkit.clickthrough();
    // Custom clickthrough named "Customized-Click-1" with url defined in platform
    adkit.clickthrough('Customized-Click-1');
    // Custom clickthrough named "Customized-Click-2" with url defined in code
    adkit.clickthrough('Customized-Click-2', "https://www.sizmek.com");
}

window.addEventListener('load', checkIfAdKitReady);

adkit.userSwipe()

// This example uses jQuery to simplify the creation of the swipe event as there is no native event for it in javascript

function checkIfAdKitReady(event) {
    adkit.onReady(function() {
        $(window).on('swipe', handleSwipe);
    }
}

function handleSwipe() {
    adkit.userSwipe();
}

window.addEventListener('load', checkIfAdKitReady);

adkit.expand(expansion_properties_object)

Parameters of the expansion_properties_object:

Parameters of the animate object:

Parameters of the init object:

function checkIfAdKitReady(event) {
    adkit.onReady(function() {
        document.getElementById('szk-expand-btn').addEventListener('click', handleExpand);
    }
}

function handleExpand() {
    adkit.expand({
        panelName: "panel_1",
        useCustomClose: false,
        animate: {
            clip: "rect(0, 100%, 100%, 0)",
            duration: 2000,
            easing: adkit.Animation.Easing.EASE_IN,
            opacity: 1,
            init: {
                clip: "rect(0, 100%, 0, 100%)",
                opacity: 0
            }
        }
    });
}

window.addEventListener('load', checkIfAdKitReady);

adkit.collapse(collapse_properties_object)

Parameters of the collapse_properties_object:

Parameters of the animate object:

Parameters of the init object:

function checkIfAdKitReady(event) {
    adkit.onReady(function() {
        document.getElementById('szk-collapse-btn').addEventListener('click', handleCollapse);
    }
}

function handleCollapse() {
    adkit.collapse({
        panelName: "panel_1",
        animate: {
            clip: "rect(0, 100%, 0, 100%)",
            duration: 2000,
            easing: adkit.Animation.Easing.EASE_IN,
            opacity: 0,
            init: {
                clip: "rect(0, 100%, 100%, 0)",
                opacity: 1
            }
        }
    });
}

window.addEventListener('load', checkIfAdKitReady);

adkit.onExpand(callback_function)

Parameters of the callback_function object:

function checkIfAdKitReady(event) {
    adkit.onReady(startAnimation);
}

function startAnimation() {
    adkit.onExpand(panelExpanded);
}

function panelExpanded(expandInfo){
    // The expandInfo parameter contains the expanded panel name
    var panelExpandedName = expandInfo.data.panelName;
}

window.addEventListener('load', checkIfAdKitReady);

adkit.onCollapse(callback_function)

Parameters of the callback_function object:

function checkIfAdKitReady(event) {
    adkit.onReady(startAnimation);
}

function startAnimation() {
    adkit.onCollapse(panelCollapsed);
}

function panelCollapsed(collapseInfo){
    // The collapseInfoparameter contains the collapsed panel name
    var panelCollapsedName = collapseInfo.data.panelName;
}

window.addEventListener('load', checkIfAdKitReady);

adkit.showBanner()

function checkIfAdKitReady(event) {
    adkit.onReady(startAnimation);
}

function startAnimation() {
    // By default, the ad banner unit is visible, this assumes the banner was hidden using the method adkit.hideBanner
    adkit.showBanner();
}

window.addEventListener('load', checkIfAdKitReady);

adkit.hideBanner()

function checkIfAdKitReady(event) {
    adkit.onReady(startAnimation);
}

function startAnimation() {
    adkit.hideBanner();
}

window.addEventListener('load', checkIfAdKitReady);

adkit.showPanel(panel_name)

function checkIfAdKitReady(event) {
    adkit.onReady(startAnimation);
}

function startAnimation() {
    // By default, a panel unit is visible after the expansion, this assumes the panel was hidden using the method adkit.hidePanel
    adkit.showPanel("Panel1");
}

window.addEventListener('load', checkIfAdKitReady);

adkit.hidePanel(panel_name)

function checkIfAdKitReady(event) {
    adkit.onReady(startAnimation);
}

function startAnimation() {
    adkit.hidePanel("Panel1");
}

window.addEventListener('load', checkIfAdKitReady);

adkit.onReady(callback_function)

function checkIfAdKitReady(event) {
    adkit.onReady(startAnimation);
}

function startAnimation() {
    // This funcion will be called once the API is ready
}

window.addEventListener('load', checkIfAdKitReady);

adkit.onResize(callback_function)

function checkIfAdKitReady(event) {
    adkit.onReady(startAnimation);
}

function startAnimation() {
    adkit.onResize(handleResize);
}

function handleResize(){
    // Adapt the creative to the new dimensions.
}

window.addEventListener('load', checkIfAdKitReady);

adkit.onVisibilityChanged(callback_function)

Parameters of the callback_function object:

function checkIfAdKitReady(event) {
    adkit.onReady(startAnimation);
}

function startAnimation() {
    adkit.onVisibilityChanged(handleVisibilityChanged);
}

function handleVisibilityChanged(visibilityInfo){
    // Here you can do something depending on the visible percentage
    if (visibilityInfo.percentage > 75) {
        // Do something, e.g. play video, start animation,...    }
}

window.addEventListener('load', checkIfAdKitReady);

adkit.select(component_id) adkit.$(component_id)

var videoComponent1;
var videoComponent2;

function checkIfAdKitReady(event) {
    adkit.onReady(startAnimation);
}

function startAnimation() {
    videoComponent1 = adkit.$('video1');
    videoComponent2 = adkit.select('video2');
}

window.addEventListener('load', checkIfAdKitReady);

adkit.getComponentsByType(component_type)

var components;

function checkIfAdKitReady(event) {
    adkit.onReady(startAnimation);
}

function startAnimation() {
    components = adkit.getComponentsByType('adkit-media');
    components.forEach(function(comp) {
        // This example will pause all the adkit-media components in the creative.
        comp.pause();
    });
}

window.addEventListener('load', checkIfAdKitReady);

adkit.getSVData(svKey)

var dynamicValue;

function checkIfAdKitReady(event) {
    adkit.onReady(function() {
        dynamicValue = adkit.getSVData('svKey');
    });
}

window.addEventListener('load', checkIfAdKitReady);

adkit.clickedVersion(versionIndex,url)

function checkIfAdKitReady(event) {
    adkit.onReady(function() {
        document.getElementById("product1").addEventListener('click',handleProduct1Click);
    });
}

function handleProduct1Click(){
    adkit.clickedVersion(1, "https://www.sizmek.com");
}

window.addEventListener('load', checkIfAdKitReady);

adkit.getVersions(startIndex,endIndex,callback_function)

Parameters of the callback_function object:

function checkIfAdKitReady(event) {
    adkit.onReady(handleVersions);
}

function handleVersions(){
    adkit.getVersions(1, 5, function(versions){
        if (versions) {
            for (var i = versions.startVersionNum; i <= versions.endVersionNum; i++) {
                var version = versions.versionData[i];
                var value = version['logo'].value;
            }
        }
    });
}

window.addEventListener('load', checkIfAdKitReady);

adkit.getVersionCount()

function checkIfAdKitReady(event) {
    adkit.onReady(handleVersions);
}

function handleVersions(){
    var numberOfVersions = adkit.getVersionCount();
}

window.addEventListener('load', checkIfAdKitReady);

adkit.getMinVersions()

function checkIfAdKitReady(event) {
    adkit.onReady(handleVersions);
}

function handleVersions(){
    var minVersionsToLoad = adkit.getMinVersions();
}

window.addEventListener('load', checkIfAdKitReady);

EB.clickthrough(interaction_name,url)

function checkIfAdKitReady(event) {
    adkit.onReady(function() {
        document.getElementById('szk-click-btn').addEventListener('click', handleClick);
    }
}

function handleClick() {
    // Default clickthrough with url defined in platform
    EB.clickthrough();
    // Custom clickthrough named "Customized-Click-1" with url defined in platform
    EB.clickthrough('Customized-Click-1');
    // Custom clickthrough named "Customized-Click-2" with url defined in code
    EB.clickthrough('Customized-Click-2', "https://www.sizmek.com");
}

window.addEventListener('load', checkIfAdKitReady);

EB.userActionCounter(interaction_name,url)

function checkIfAdKitReady(event) {
    adkit.onReady(function() {
        document.getElementById('szk-user-btn').addEventListener('click', handleClick);
    }
}

function handleClick() {
    // Custom clickthrough named "Customized-User-Action-1" with no url or url defined in platform 
    EB.userActionCounter('Customized-User-Action-1');
    // Custom clickthrough named "Customized-User-Action-2" with url defined in code
    EB.userActionCounter('Customized-User-Action-2', 'https://www.sizmek.com');
}

window.addEventListener('load', checkIfAdKitReady);

EB.automaticEventCounter(interaction_name,url)

function checkIfAdKitReady(event) {
    adkit.onReady(startAnimation);
}

function startAnimation(){
    // This example will record a interaction when the startAnimation funcion is executed
    EB.automaticEventCounter('Animation_Started');
}

window.addEventListener('load', checkIfAdKitReady);

EB.userSwipe()

// This example uses jQuery to simplify the creation of the swipe event as there is no native event for it in javascript

function checkIfAdKitReady(event) {
    adkit.onReady(function() {
        $(window).on('swipe', handleSwipe);
    }
}

function handleSwipe() {
    EB.userSwipe();
}

window.addEventListener('load', checkIfAdKitReady);

EB.expand(expansion_properties_object, auto_collapse)

Parameters of the expansion_properties_object object:

function checkIfAdKitReady(event) {
    adkit.onReady(function() {
        document.getElementById('szk-expand-btn').addEventListener('click', handleExpand);
    }
}

function handleExpand() {
    // This example will expand the panel called 'panel_1' as user initiated and will auto collapse after 10 seconds
    EB.expand({
        panelName: "panel_1",
        actionType: EBG.ActionType.USER,
        autoCollapse: 10000
    });
}

window.addEventListener('load', checkIfAdKitReady);

EB.hideAdPart()

EB.showAdPart()

EB.isAutoExpandEnabled()

EB.resetCollapseTimer (panelName, resetTo)

EB.cancelCollapseTimer (panelName)

EB.initExpansionParams(x, y, width, height)

function onInit() { EB.initExpansionParams(0, 0, 300, 350); }

By default, the banner expands downwards. You can change the expansion direction as shown in these examples:

For a 728x90 pixel banner expanding to a 728x200 pixel panel:

EB.setExpansionParams(x, y, width, height)

EB.setExpansionParams(0, 0, 300, 350);

adkit.addEventListener(eventName,callback_function,callback_binding)

function onPageLoad() {
    // Here you can do something right after the page was loaded}

EB.addEventListener(EBG.EventName.PAGE_LOAD, onPageLoad);

EB.browserSupports(feature_name)

function checkIfAdKitReady(event) {
    adkit.onReady(function() {
        // This example will print in the console TRUE or FALSE depending on the browser support for canvas.
        console.log(EB.browserSupports('canvas'));
    }
}

window.addEventListener('load', checkIfAdKitReady);

EB.getAssetProps (localPath, ebAsset)

Response Parameters:

//returns information about index.html file:
var assetProps = EB.getAssetProps("index.html");

// returns information about additional asset 1.
// note: if trying to retrieve information about an additional asset it will override the localpath property.

// In which case one should enter an empty string when trying to get information about additional assets:
var assetProps = EB.getAssetProps("",1);

//Get the width and height of the asset:
var assetWidth = assetProps.width;
var assetHeight = assetProps.height;

EB.getAssetUrl(asset, additionalAsset)

EB.getAssetUrl('FolderName\\video.webm', 1)

EB.getDimensions()

Response Parameters:

EB.getVisibilityData()

// Check the visibility percentage of the ad when the window is resized or scrolled. 
//If the ad is 80% visible or higher play the video. 
// If the ad is below 80% visible then pause the video. window.addEventListener("resize", checkVisibilityState);
window.addEventListener("scroll", checkVisibilityState);

function checkVisibilityState(event) {
    var visibility = EB.getVisibilityData();
    var video = document.getElementBy("video");
    if (visibility.percentage >= 80) {
        video.play();
    } else {
        video.pause();
    }
};

EB.notifyMessage( {name: "myMessage"} );

EB.notifyMessage({
    name: "myMessage"
});
EB.notifyMessage({
    name: "myMessageWithData",
    data: {
        abc: 123
    }
});
EB.notifyMessage({
    name: "myOtherMessage",
    bits: 123,
    pieces: "abc",
    foo: {
        bar: "baz"
    }
});

EB.isMobileDevice()

Returns true/false Boolean value.

myImage.src = EB.relativeToAbsolute("images/myImage.png");

myImage.src = EB.relativeToAbsolute("images/background.jpg");

/*This will return the absolute URL path. (An absolute or full path points to the same location in a file system, regardless of the current working directory.) 
For example: http://ds.serving-sys.com/resources/PROD/html5/45884/20180214/1074179787/34915138550104464/panels/default/images/background.jpg
*/

EB.removeEventListener (subscription)

myImage.src = EB.relativeToAbsolute("images/background.jpg");

/*This will return the absolute URL path. (An absolute or full path points to the same location in a file system, regardless of the current working directory.) 
For example: 
http://ds.serving-sys.com/resources/PROD/html5/45884/20180214/1074179787/34915138550104464/panels/default/images/background.jpg
*/

EB.showDefaultImage()

if (!EB.browserSupports('canvas')){    EB.showDefaultImage();}

EB.isInitialized()

function checkIfEBLoaderReady(event) {
    if (!EB.isInitialized()) {
        EB.addEventListener(EBG.EventName.EB_INITIALIZED, startAd);
    } else {
        startAd();
    }
}

function startAd() {
    // This function is executed once the EB Object is available.
}
window.addEventListener("load", checkIfEBLoaderReady);

EB.startTimer(interaction_name)

function checkIfAdKitReady(event) {
    adkit.onReady(function() {
        EB.startTimer('animation_playing');
    }
}

window.addEventListener('load', checkIfAdKitReady);

EB.stopTimer(interaction_name)

function checkIfAdKitReady(event) {
    adkit.onReady(function() {
        // This example will stop the timer after 5 seconds
        setTimeout(function(){
            EB.stopTimer('animation_playing');
        },5000);
            }
}

window.addEventListener('load', checkIfAdKitReady);

EB.startVideoTimer(asset_path)

// This example assumes you have a video element with id 'video01'

var videoElement;

function checkIfAdKitReady(event) {
    adkit.onReady(function() {
        videoElement= document.getElementById("video01");
        videoElement.addEventListener('play',function(){
           EB.startVideoTimer('videos/video01.mp4');
        }
     }
}

window.addEventListener('load', checkIfAdKitReady);

EB.stopVideoTimer(asset_path)

// This example assumes you have a video element with id 'video01'

var videoElement;

function checkIfAdKitReady(event) {
    adkit.onReady(function() {
        videoElement= document.getElementById("video01");
        videoElement.addEventListener('pause',function(){
           EB.stopVideoTimer('videos/video01.mp4');
        }
     }
}

window.addEventListener('load', checkIfAdKitReady);

EB.videoInteraction(interaction_name, asset_path, isUserInitiated)

// This example assumes you have a video element with id 'video01'
var videoElement;

function checkIfAdKitReady(event) {
    adkit.onReady(function() {
        videoElement= document.getElementById("video01");
        videoElement.addEventListener('play',function(){
           EB.videoInteraction(EBG.VideoInteraction.USER_INITIATED_VIDEO, "videos/video01.mp4");
        }
     }
}
window.addEventListener('load', checkIfAdKitReady);