Direct Integration on website - VMFive/vmfive-man-web-demo GitHub Wiki

Getting Started

This section only applies to publishers insert VMFive's ad tag in their website HTML code statically. If you served ad tag through your own custom ad server or loaded VMFive's ad tag dynamically, please check the guideline in the Custom Ad Service section.

Currently, VMFive haven't opened dashboard to let publishers generate their own ad tag. Please choose the formats you want to integrate and try the sample codes on your side. If there's no problem with the sample integration, please contact VMFive's BD to get your own ad tags.

Supported Format

Native Video

Please put the ad tag below in the position you want to show it

<script id="vm5ad-js-sdk" src="https://vawpro.vm5apis.com/man.js" data-mode="fast"></script>
<script>
window.onVM5AdSDKReady = function() {
VM5AdSDK.init({ appKey: '58217ac44c41a3f21d1264ab', testMode: true });
};
</script>
<script src="https://man.vm5apis.com/dist/adn-web-sdk.js"></script>
<vmfive-ad-unit placement-id="59771821098e61b339cc72be" ad-type='video-native'></vmfive-ad-unit>

Demo page (mobile only): Native Video Demo

Top Video

Please put the sample code below on the top of your site:

<script id="vm5ad-js-sdk" src="https://vawpro.vm5apis.com/man.js" data-mode="fast"></script>
<script>
window.onVM5AdSDKReady = function() {
VM5AdSDK.init({ appKey: '58217ac44c41a3f21d1264ab', testMode: true });
};
</script>
<script src="https://man.vm5apis.com/dist/adn-web-sdk.js"></script>
<vmfive-ad-unit placement-id="59780352098e61b339cc7417" ad-type='video-top'></vmfive-ad-unit>

Demo page (mobile only): Top Video Demo

Interstitial

VMFived Ads provide 2 different interstitial integration heres. If you have your own custom close button and interstitial frame, please choose and put Embedded Interstitial in your frame. On the other hand, Pop-up Interstitial will help you to show interstitial automatically with close botton.

Pop-out Interstitial

You could put the sample code below on any position inside the HTML body:

<script id="vm5ad-js-sdk" src="https://vawpro.vm5apis.com/man.js" data-mode="fast"></script>
<script>
window.onVM5AdSDKReady = function() {
VM5AdSDK.init({ appKey: '58217ac44c41a3f21d1264ab' });
};
</script>
<script src="https://man.vm5apis.com/dist/adn-web-sdk.js"></script>
<vmfive-ad-unit placement-id="5978077c098e61b339cc741a" ad-type='video-interstitial'></vmfive-ad-unit>

Demo page (mobile only): Pop-out Interstitial

Embedded Interstitial

Please place the sample code below inside your own interstitial frame:

<script id="vm5ad-js-sdk" src="https://vawpro.vm5apis.com/man.js" data-mode="fast"></script>
<script>
window.onVM5AdSDKReady = function() {
VM5AdSDK.init({ appKey: '58217ac44c41a3f21d1264ab' });
};
</script>
<script src="https://man.vm5apis.com/dist/adn-web-sdk.js"></script>
<vmfive-ad-unit placement-id="5978077c098e61b339cc741a" ad-type='video-interstitial-embedded'></vmfive-ad-unit>

Demo page (mobile only): Embedded Interstitial

Impressive

Please put the sample code below in the position you want to show it:

<script id="vm5ad-js-sdk" src="https://vawpro.vm5apis.com/man.js" data-mode="fast"></script>
<script>
window.onVM5AdSDKReady = function() {
VM5AdSDK.init({ appKey: '58217ac44c41a3f21d1264ab' });
};
</script>
<script src="https://man.vm5apis.com/dist/adn-web-sdk.js"></script>
<vmfive-ad-unit placement-id="59780790098e61b339cc741c" ad-type='video-impressive'></vmfive-ad-unit>

Demo page (mobile only): Impressive

Vertical Video

VMFived Ads provide 2 different vertical video integrations here. If you have your own custom close button and interstitial frame, please choose and put Embedded Vertical Video in your frame. On the other hand, Pop-up Vertical Video will help you to show interstitial automatically with close botton.

Pop-out Vertical Video

You could put the sample code below on any position inside the HTML body:

<script id="vm5ad-js-sdk" src="https://vawpro.vm5apis.com/man.js" data-mode="fast"></script>
<script>
window.onVM5AdSDKReady = function() {
VM5AdSDK.init({ appKey: '58217ac44c41a3f21d1264ab' });
};
</script>
<script src="https://man.vm5apis.com/dist/adn-web-sdk.js"></script>
<vmfive-ad-unit placement-id="597807a2098e61b339cc741e" ad-type='portraitvideo-interstitial'></vmfive-ad-unit>

Demo page (mobile only): Pop-out Vertical Video

Embedded Vertical Video

Please place the sample code below inside your own interstitial frame:

<script id="vm5ad-js-sdk" src="https://vawpro.vm5apis.com/man.js" data-mode="fast"></script>
<script>
window.onVM5AdSDKReady = function() {
VM5AdSDK.init({ appKey: '58217ac44c41a3f21d1264ab' });
};
</script>
<script src="https://man.vm5apis.com/dist/adn-web-sdk.js"></script>
<vmfive-ad-unit placement-id="597807a2098e61b339cc741e" ad-type='portraitvideo-interstitial-embedded'></vmfive-ad-unit>

Demo page (mobile only): Embedded Vertical Video

⚠️ **GitHub.com Fallback** ⚠️