is it possible to display a popunder on paage load, without user click on website ?
- Thread starter piotrekr
- Start date
-
- Tags
- popunder popunder codes
uchiha.jain
Regular Member
- Sep 14, 2009
- 295
- 84
Add this to your HTML
Code:
<script type="text/javascript">
var delay = 2000; // Set delay in opening popup
var url = 'https://google.com' // Set URL of the popup
function pop() {
var popup = window.open(url);
if (!popup) {
// alert('Please change your popup settings'); // uncomment if you want
}
else {
popup.moveTo(0, 0);
popup.resizeTo(screen.width, screen.height);
window.focus() // comment for popup instead of popunder
};
};
window.onload = function () {
setTimeout(pop, delay);
};
</script>
Last edited:
frzs90
Registered Member
- Oct 10, 2016
- 71
- 28
Also instead of the alert, if popup was blocked, you can add a huge (100% x 100%) transparent div on top of you page, so if the user tries to click on something, he will click your div, and that way, you can open a popup without being blocked (or at least you have better chances). Just dont forget to remove the big transparent div on that first click, so after that, users can browse the page as usual.
bigot
Registered Member
- May 9, 2017
- 76
- 39
The reason websites with popups make it happen on click (and not on load or randomly) is because most browsers have built in pop-up blockers now. Doing it on a click makes the browser think you wanted to launch it on purpose.
Popups without clicks are so 2005.
moviemoney
BANNED
- Jan 13, 2016
- 190
- 27
can you share code plzzz
uchiha.jain
Regular Member
- Sep 14, 2009
- 295
- 84
Add this somewhere within <body> tag in your HTML
Code:
<div id='fullpage-popup-trigger' style='position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; opacity: 0; z-index:9999999' onclick='popItUp()'></div>
<script>
var url = 'https://google.com' // Set URL of the popup
function popItUp() {
var popup = window.open(url, 'popup', 'height=200,width=200');
if (!popup) {
// alert('Please change your popup settings'); // uncomment if you want
}
else {
popup.moveTo(0, 0);
popup.resizeTo(screen.width, screen.height);
window.focus() // comment for popup instead of popunder
};
var element = document.getElementById('fullpage-popup-trigger');
element.parentNode.removeChild(element);
};
</script>