How to Make a Custom URL Popunder in Blogger 2024

Adding a custom URL popunder in Blogger can help you promote links or keep users on your website longer. A popunder is a type of ad or content that opens in a new tab or window behind the current browser page. In this guide, we’ll show you step-by-step how to set up a custom URL popunder in Blogger. You’ll also learn how to make it open in a new tab every minute, ensuring it’s not too intrusive for your visitors.

How to Make a Custom URL Popunder in Blogger 2024 (AI Generated)

Steps to Add a Custom URL Popunder in Blogger

Follow these easy steps to add a custom URL popunder in Blogger:

Open Your Blogger Dashboard:
- Log in to your Blogger account and select the blog you want to edit.
Go to Theme Settings:
- On the left side menu, click on Theme.
Edit HTML Code:
- Click on Edit HTML to access your blog's HTML code.
Insert JavaScript for Popunder:
- Scroll down to find the </body> tag. Paste the following code just before the </body> tag:

<script type="text/javascript">
  var popunderUrl = "https://your-custom-url.com"; // Replace with your URL

  function createPopunder() {
    if (!window.popunderCreated) {
      var popunder = window.open(popunderUrl, "_blank", "width=800,height=600");
      popunder.blur();
      window.focus();
      window.popunderCreated = true;
    }
  }

  document.addEventListener("click", function () {
    createPopunder();
  });
</script>

4. Customize the Script:

Replace https://your-custom-url.com with the URL you want to promote.
Change width and height if you want a different popunder size.

5. Save Changes:

Click Save to update your blog's theme.

How to Make a URL Open in a New Tab

To make a custom URL open in a new tab when users click on your Blogger page, use this updated JavaScript code:

<script type="text/javascript">
  var newTabUrl = "https://your-custom-url.com"; // Replace with your URL

  function openInNewTab() {
    if (!window.newTabOpened) {
      window.open(newTabUrl, "_blank"); // Opens URL in a new tab
      window.newTabOpened = true; // Prevents multiple opens
    }
  }

  document.addEventListener("click", function () {
    openInNewTab();
  });
</script>

How to Set Popunder to Open Every 1 Minute

If you want the custom URL to open in a new tab only once every minute, add the following JavaScript code:

<script type="text/javascript">
  var newTabUrl = "https://your-custom-url.com"; // Replace with your URL
  var intervalMinutes = 1; // Time in minutes

  function openInNewTab() {
    var lastOpened = localStorage.getItem('lastTabOpened'); // Check last open time
    var now = new Date().getTime(); // Current time

    // Open if more than the set interval has passed
    if (!lastOpened || now - lastOpened > intervalMinutes * 60 * 1000) {
      window.open(newTabUrl, "_blank"); // Opens URL in new tab
      localStorage.setItem('lastTabOpened', now); // Update last open time
    }
  }

  document.addEventListener("click", function () {
    openInNewTab();
  });
</script>

Important Points to Consider

Popup Blockers: Some users may have popup blockers that prevent popunders or new tabs from opening. This code may not work for all users.
User Experience: Using popunders can annoy users if overdone. Limit how often they appear to keep your visitors happy.
Legal Compliance: Always follow rules and guidelines for ads and user privacy. Make sure users know what to expect on your site.

Conclusion

Adding a custom URL popunder to your Blogger blog can be a useful tool to engage users or promote content. By following this simple guide, you can easily set up a popunder that opens in a new tab and controls how often it appears. This way, you get the benefits of increased engagement without negatively affecting the user experience.

How to Make a Custom URL Popunder in Blogger 2024