Pop-up and Pop-under Ad Technologies
In the evolving landscape of web design and digital marketing, pop-ups have become a ubiquitous part of the online experience. While often viewed as intrusive, these windows serve a variety of purposes, ranging from helpful user guidance to aggressive advertising strategies. Understanding how these mechanisms work—and how they differ—is essential for both users and developers.
Key Facts
- Pop-ups are windows that appear in front of the current page, while pop-unders open hidden behind the main browser window.
- Hover ads (in-page pop-ups) are integrated into the HTML, making them significantly harder for blockers to detect.
- Modern browsers generally block
window.opencalls unless they are triggered by a direct user interaction, such as a mouse click. - Exit intent pop-ups are specifically designed to trigger when a user attempts to leave a site, often to offer discounts.
- Holding the Ctrl key while clicking a link can bypass pop-up filters in many web browsers.
Pop-ups: Utility and Risks
Pop-ups are windows that open automatically or via a trigger, superimposing themselves over the active web page. While many websites use them for legitimate purposes—such as providing extra guidance during form completion without losing entered data—they are also frequently used for malicious or intrusive content.
Certain types of downloaded content, including free music and images, often trigger pop-ups. Some of these are highly intrusive; for instance, pornographic site pop-ups have been referred to by John C. Dvorak as a "pornado" or "porn-storm." In some cases, these pop-ups are designed to mimic ordinary web pages, complete with a site name in the search bar to deceive the user.
[ไม่มีภาพประกอบ]
Modern Applications of Pop-ups
Beyond advertising, modern websites utilize pop-ups to enhance user engagement and lead collection. These can be triggered by specific behaviors, such as how far a user scrolls or the total time spent on a page. E-commerce stores frequently employ exit intent pop-ups to retain customers by offering discounts just as they are about to leave. Additionally, some software installers, such as those from McAfee, utilize pop-ups to facilitate the installation process.
Pop-under Ads and Their Technology
Pop-under ads are a variation of the pop-up. Instead of appearing in front of the content, they open hidden behind the main browser window. This technique emerged as a response to the widespread use of pop-up blockers and the tendency of users to immediately close any window that obstructed their view. Pop-unders remain unnoticed until the user minimizes or closes their primary browser window.
The technology behind pop-unders relies on JavaScript functions introduced in 1995 with the Netscape 2.0b3 browser. The process typically involves creating a window, loading an advertisement, and then pushing that window behind the active screen.
Bypassing Browser Restrictions
To prevent abuse, most modern browsers only allow the window.open function to execute if it is called by a user interaction event handler. Non-interactive calls, such as those triggered by timers or page load events, are typically blocked.
To circumvent this, many pop-under ads attach a mouse click event listener directly to the document or the document's body. This allows the ad to "hijack" any click that isn't consumed by another handler—such as when a user simply selects text—triggering the window.open call and successfully launching the pop-under.
Hover Ads: The In-Page Alternative
Hover ads, more commonly known as in-page pop-ups, differ fundamentally from traditional pop-ups. They are created using Dynamic HTML (DHTML), JavaScript, and similar browser technologies. Unlike standard windows, hover ads do not scroll with the page; they remain fixed, appearing to "hover" over the content.
Because hover ads are an integral part of the page's HTML content rather than a separate browser window, they are exceptionally difficult for pop-up blocking software to stop. Blockers often lack the algorithmic means to distinguish and remove these specific procedural or descriptive elements from the rest of the page content.
Comparison of Window-Based Ad Types
| Feature | Pop-up | Pop-under | Hover Ad |
|---|---|---|---|
| Visibility | In front of content | Behind main window | Overlays page content |
| Trigger | Behavioral or Automatic | User click (hijacked) | Integrated in HTML |
| Blockability | High (via blockers) | Moderate | Low |
| Primary Tech | Browser Windows | JavaScript (window.open) | Dynamic HTML / JS |
Frequently Asked Questions
What is the difference between a pop-up and a pop-under?
A pop-up appears directly in front of the active browser window, often obstructing the view. A pop-under opens behind the main window and only becomes visible once the user closes or minimizes the primary page.
Why are hover ads so difficult to block?
Hover ads are built directly into the HTML of the web page using Dynamic HTML and JavaScript. Because they are part of the page content rather than a separate window, blocking software cannot easily identify and remove them without affecting the rest of the page.
How do pop-under ads bypass modern browser blocks?
They often use event listeners attached to the document body to catch any mouse click. Since the browser sees a user interaction (the click), it allows the window.open command to execute, which the ad then uses to launch a window behind the screen.
What are exit intent pop-ups?
These are pop-ups triggered when a website detects that a user is about to leave the page (such as moving the cursor toward the close button). They are frequently used by online shops to offer discounts and encourage the user to stay.
Can I manually bypass a pop-up filter?
Yes, in many web browsers, you can bypass the pop-up filter by holding down the Ctrl key while clicking a link.