You can control which items on your website trigger a popunder by adding a data-trigger-classes attribute to your invocation code.
For example, start by visiting your site and identifying the CSS classes of the elements you want to trigger the popunder when clicked.
Let’s say that on desktop, your content photos use the CSS class .i, and the text below the photos uses the CSS class .vttl.
You would then include these classes in the data-trigger-classes attribute as shown below. In this setup, the popunder will only fire when a user clicks on the content photo or the content text.
It’s important for your developers to review the site and add as many non-navigation classes as possible. Doing this will help you maximize the number of times the popunder code is triggered—while remaining Google-compliant.
Below is an example of what the desktop invocation code might look like. Your development team should adjust the classes as needed for your specific site structure.
<div id="adn-4783694" class="" style="">
<script type="text/javascript" data-trigger-classes="i vttl">
(function (parentNode) {
var adnOpt = {"id": 4783694, "pid": 1333, "sid": 573, "type": 4, "width": 0, "height": 0};
var adn = document.createElement("script");
adn.type = "text/javascript";
adn.async = true;
adn.src = "//a.7amz.com/popunder?fpt=1&ctu=1&tu=1&r=" + Math.floor(Math.random() * 99999999) +
"&id=" + adnOpt.id + "&pid=" + adnOpt.pid + "&sid=" + adnOpt.sid +
"&tid=" + adnOpt.type + "&w=" + adnOpt.width + "&h=" + adnOpt.height;
parentNode.appendChild(adn);
})(document.getElementsByTagName("script")[document.getElementsByTagName("script").length - 1].parentNode);
</script>
</div>