Oracle's MOAT viewability tracker does not work out of the box as other third party viewability trackers and therefore it needs to be setup differently. It cannot be added as a third party tracker. We need to mark a specific element so the tracker knows exactly which element that determines if the creative is in-view or not.
We do this by adding a specific ID to an element on the page and we need to pass the ID that marks the element to the tracker. Also Oracle needs to enable a setting in the client's configuration.
Once enabled for the client it will be enabled in all cases going forward so Oracle only needs do this once per client.
Fluid Skin:
In the left banner you have to choose third party tag. In case you need to use one of the built in templates (eg. video) that we offer you need to create this separately as banner and copy the tag into the third party tag input field.
The reason why you need to do this is that you need to insert the following code to enable the MOAT tracker. It is not possible to add the "Remember to insert the script"-path for the specific tracker. Remember to exchange with the path to the script you would enable. It should look like this:
https://z.moatads.com/totalmediaukdcmdisplay715441700527/moatad.js#moatClientSlicer1=6257018&moatClientLevel2=27810632&moatClientLevel3=336008651&moatClientLevel1=11763314&moatClientLevel4=171664947&zMoatSSTG=1
<script class="adnm-moat-viewable-script">
var adnmViewableId = 'adnm-viewable-element';
var adnmViewableIdParam = '&moatad_fd=' + adnmViewableId;
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '' + adnmViewableIdParam;
var elem = window.frameElement.parentElement.parentElement.parentElement;
elem.id = "adnm-viewable-element";
elem.appendChild(script);
</script>
If you want to verify that this has been done correctly go the preview page and open DevTools. Search for adnm-viewable-element. You should see this added on the element wrapping the left and right banner. Also check that you are seeing a <script> with z.moatads.com as src within the element with the id. This part:
.png?width=688&name=image%20(6).png)
Midscroll and Topscroll:
We need to do more or less the same for the topscrolls and midscrolls. However the script varies. So make sure you use the script added below instead. Choose third party tag as the banner type.
If you want to use one of our built in templates you have to create this separately as banner and copy the tag into the third party tag input field. Remember to exchange with the path to the script you would enable. It should look like this:
https://z.moatads.com/totalmediaukdcmdisplay715441700527/moatad.js#moatClientSlicer1=6257018&moatClientLevel2=27810632&moatClientLevel3=336008651&moatClientLevel1=11763314&moatClientLevel4=171664947&zMoatSSTG=1
<script class="adnm-moat-viewable-script">
var adnmViewableId = 'adnm-viewable-element';
var adnmViewableIdParam = '&moatad_fd=' + adnmViewableId;
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = ' ' + adnmViewableIdParam;
var elem = window.frameElement.parentElement.parentElement.parentElement.parentElement.parentElement;
elem.id = "adnm-viewable-element";
elem.appendChild(script);
</script>
Note that you should not choose the anchor banners if you are setting up a midscroll with anchors.
If you have any questions regarding the above please don't hesitate to reach out to our Adops (support@adnami.io).