As an advertiser, you rely on Google Ad Manager (GPT) tags to display your ads to your target audience. However, some users may use adblock style extensions, which can prevent your ads from being displayed. This can be a frustrating experience for both you and your audience.<\/p>\n\n\n\n\n\n\n\n
Fortunately, there is a way to detect if your GPT tags are being blocked by adblock style extensions and show a popup message to your audience. In this article, we will show you how to create and set up this feature on your website.<\/p>\n\n\n\n
This adblock checker is made specifically for websites that use Google Ad Manager (GPT) tags to display their ads. It has been tested with the latest version of AdBlock<\/strong> extension (Version 5.4.1) for Chrome and AdBlocker Ultimate<\/strong> (Version 3.7.21) for Firefox.<\/p>\n\n\n\n The first step is to create a div element in your HTML where you want to display the popup message. You can customize the message to suit your needs. For example:<\/p>\n\n\n Next, you need to add some CSS to style the popup message. Here’s an example:<\/p>\n\n\n This will position the popup message at the bottom of the page and style it with a red background color and white text.<\/p>\n\n\n\n Copy and paste the following JavaScript code after the googletag definition in the <BODY> section:<\/p>\n\n\n This code will check if an adblocker is enabled and display the popup message if it is. It works by listening to the GPT events ‘slotRequested<\/em>‘ and ‘slotResponseReceived<\/em>‘ to determine if an ad is being blocked. If an ad is blocked, the popup message will be displayed.<\/p>\n\n\n\n Finally, you can customize the popup message to your liking and add any necessary additional functionality. For example, you may want to include a button that links to a page that explains why you rely on ads to provide free content or how to disable adblockers.<\/p>\n\n\n\n By following these steps, you can detect if your GPT tags are being blocked by adblock style extensions and show a popup message to your audience. This will help you ensure that your ads are being seen by your target audience and improve your overall advertising effectiveness. Remember to place the JavaScript code in the <BODY> section, after the googletag definition. If you need help with custom creative templates for Google Ad Manager<\/a>, visit our website at genecy.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":" As an advertiser, you rely on Google Ad Manager (GPT) tags to display your ads to your target audience. However, some users may use adblock style extensions, which can prevent your ads from being displayed. This can be a frustrating experience for both you and your audience.<\/p>\n","protected":false},"author":1,"featured_media":370,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[137],"tags":[],"class_list":["post-336","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gam-guides"],"yoast_head":"\nStep 1: Create a div Element in Your HTML<\/h2>\n\n\n\n
\n<div id="adblock-popup">\n <p>It looks like you're using an ad blocker. Please disable it to see our content.<\/p>\n<\/div>\n<\/pre><\/div>\n\n\n
Step 2: Add CSS to Style the Popup Message<\/h2>\n\n\n\n
\n#adblock-popup {\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n background-color: #f44336;\n color: #fff;\n padding: 10px;\n text-align: center;\n display: none;\n}\n<\/pre><\/div>\n\n\nStep 3: Add JavaScript Code to Detect Adblock Style Extensions<\/h2>\n\n\n\n
\n<script type="text\/javascript">\nvar __genecycomAdblockCheckerGPTStarted = false;\n\nfunction genecycomShowAdblockPopup() {\n\tdocument.getElementById('adblock-popup').style.display = 'block';\n}\n\nfunction genecycomAdblockCheckerGPT() {\n\tif (__genecycomAdblockCheckerGPTStarted) {\n\t\treturn;\n\t}\n\t__genecycomAdblockCheckerGPTStarted = true;\n\tlet isAdBlockerEnabled = true;\n\n\tif (typeof googletag.pubads !== 'function') {\n\t\tgenecycomShowAdblockPopup();\n\t\treturn;\n\t}\n\n\tvar adBlockCheckExt_slotRequested = function() {\n\t\tgoogletag.pubads().removeEventListener('slotRequested', adBlockCheckExt_slotRequested);\n\t\tsetTimeout(function() {\n\t\t\t\tif (isAdBlockerEnabled) {\n\t\t\t\t\tgenecycomShowAdblockPopup();\n\t\t\t\t}\n\t\t\t}, 700);\n\t};\n\tvar adBlockCheckExt_slotResponseReceived = function() {\n\t\tgoogletag.pubads().removeEventListener('slotResponseReceived', adBlockCheckExt_slotResponseReceived);\n\t\tisAdBlockerEnabled = false;\n\t};\n\n\tgoogletag.pubads().addEventListener('slotRequested', adBlockCheckExt_slotRequested);\n\tgoogletag.pubads().addEventListener('slotResponseReceived', adBlockCheckExt_slotResponseReceived);\n}\n\nfunction genecycomAdblockCheckerElem() {\n\twindow.setTimeout(function() {\n\t\t\tif (typeof window.googletag === 'undefined') {\n\t\t\t\tgenecycomShowAdblockPopup();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\twindow.googletag = window.googletag || {};\n\t\t\twindow.googletag.cmd = window.googletag.cmd || [];\n\t\t\twindow.googletag.cmd.push(function() {\n\t\t\t\tgenecycomAdblockCheckerGPT();\n\t\t\t});\n\t\t\tsetTimeout(function() {\n\t\t\t\t\tif (!__genecycomAdblockCheckerGPTStarted) {\n\t\t\t\t\t\tgenecycomAdblockCheckerGPT();\n\t\t\t\t\t}\n\t\t\t\t}, 1000);\n\t\t}, 300);\n}\n\ngenecycomAdblockCheckerElem();\n<\/script>\n<\/pre><\/div>\n\n\nStep 4: Customize the Popup Message and Add Any Necessary Functionality<\/h2>\n\n\n\n
Conclusion<\/h2>\n\n\n\n