I need a script for an unblockable pop up page for my website

photoman11
photoman11 used Ask the Experts™
on
I have been using a pop under page for my website for years and was under the false impression that pop-up blockers would not be able to block it. Recently a subcontractor pointed out the fallacy of this and suggested that the easiest solution is to rewrite the page in Ajax.

Knowing nothing about Ajax, other than it used to be a cleaning supply, coupled with not having great confidence in the subcontractor, I am turning to Expert Exchange for the real skinny.

When someone opens my home page, the other page from my website opens underneath it. Since I'm finding out that that 2nd page is typically blocked, I am hoping that somebody has some type of script that will prevent the typical kind of pop-up blockers from blocking my 2nd page.

Thanks.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
IT Expert
Top Expert 2009
Commented:
1. forget it. Only porn sites manage to invest enough time to find how to bypass popup blockers. Now they are built into the browsers, it is even more difficult.
2. Ajax is not necessary if you do not feel like using it. Depending on how big a message you need to deliver, a simple dhtml popup will be enough.
Look into Lightbox, greybox and if you want to go the whole hog, jquery dialog. If you go jQuery, you will have Ajax and all supported from the start

http://jqueryui.com/demos/dialog/
Michel PlungjanIT Expert
Top Expert 2009

Commented:

Author

Commented:
As far as the size, my current block-able pop under page is the same size as one of my normal webpages that is reduced about 30%. The pop under page has horizontal and vertical scrollbars to compensate for the smaller size.

I took a look at the 2 links you sent and after coming out of a catatonic state, I was still crying like a little girl. I have enough trouble with simple HTML, let alone with what I saw in those links. Since I only want to activate (if this is the right term) the pop under page when a visitor opens my home page, isn't there some relatively easy way to do that?

Or is it just wishful thinking?
Bootstrap 4: Exploring New Features

Learn how to use and navigate the new features included in Bootstrap 4, the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites.

Top Expert 2004
Commented:
More to the point, you should re-examine WHY you want to go through such trouble.  Pop-ups just piss off users, and if you were able to find a bulletproof method, you are just violating the wishes of the people blocking the original window.  If someone does not want pop-ups or pop-unders, forcing it on them is not going to make your site any friends.  Your web site should be presenting information in a straight-forward manner that guides the user where you want them to go.

Author

Commented:
I do understand your point. I am essentially using the pop under for special promotions that change, that I would like my visitors to be aware of. I have actually gotten visitors who contacted me after buying a product that had a special promotion on it which they didn't see. So it seems like it's a no-win situation.
Michel PlungjanIT Expert
Top Expert 2009

Commented:
ANYWAY your subcontractor is not helping you by suggesting AJAX would be a solution to the popunder being blocked.
There is NO WAY you can popunder anything when a popup blocker is active and popunders are seriously annoying.

If you want IN-YOUR-FACE popup when people are about to leave, I have a better solution I have found for a client of mine.

I can try and find it again for you.
Commented:
I don't think there is an absolute way to make the popup window not blockable...  
You've got to figure out another way of handling the promotions...  How about simple banner on the side/bottom of the site???  That should be whole lot more visible than the popunder window which is technically behind your window, so it's easy to be forgotten as well...  That's my 2 cents...

CyanBlue
Michel PlungjanIT Expert
Top Expert 2009

Commented:
remove the background-color:red when you are happy

Load the page and move the mouse towards the top



<div style="width:100%; height:1px; background-color:red; position:absolute; top:0; left:0" onmouseover="document.getElementById('pop').style.display=''"></div>
<div id="pop" style="width:50%; height:50%; background-color:yellow; position:absolute; top:200px; left:200px; display:none" onclick="document.getElementById('pop').style.display='none'">HELLO I AM A POPUP</div>

Open in new window

Author

Commented:
mplungjan,

Nothing happened after moving the mouse. I even cleared cache and refreshed the page. That's ok though, I think I'm giving up on this one, the consensus seems bleak. Thanks to everyone for your advice.
Michel PlungjanIT Expert
Top Expert 2009

Commented:
Try here:

http://plungjan.name/eetest/bannertrigger.html

I made the trigger 10px instead of 1px

Author

Commented:
Thank you. It worked out. Do you have any suggestions for creating a pop-up window resemble a typical webpage (with scrollbars)? in other words, what do I use or not use (meta-tag, header tag, etc.)?
Michel PlungjanIT Expert
Top Expert 2009

Commented:

Author

Commented:
mplungjanDonald

That was great! Thank you so much.

Is there a way to stop it from reappearing after it displays once and the visitor then closes it?

Very cool.
Michel PlungjanIT Expert
Top Expert 2009

Commented:
of course. It can pop once per browser session or set a cookie and never show again unless the user clears the cookie

Author

Commented:
I guess I didn't explain that very well. Since I don't really code, what code would I have to include, and where would I have to put it, to accomplish my objective?
Michel PlungjanIT Expert
Top Expert 2009

Commented:
View the source and replace the latin with your html

when you are happy we can add a cookie

Author

Commented:
okey-dokey.

Author

Commented:
I can't figure out what to do with the script. I know it states where to put the content and everything, but here is my dilemma:

Currently, for the pop up, I have an entire HTML page. Therefore, I am not sure exactly what content to put in the script. I tried the page's entire code and, as you could guess, that didn't work. I then tried what I thought was just the content I wanted without the Head tags, for example, and that also didn't work.

If I had gotten everything to work fine for the pop up, I wouldn't know exactly how to incorporate it into the page. For example, the page I want the pop under to show on, is my homepage.

I can't seem to figure out exactly what code I should put exactly where to have it work. Sorry for sounding like such a twit but without really knowing how to program, I feel like a blind man jumping around in the minefield.
Michel PlungjanIT Expert
Top Expert 2009

Commented:
I'll show you tomorrow (CET) now it is bedtime

Author

Commented:
Thanks... and how did you know when it was my bedtime?
Michel PlungjanIT Expert
Top Expert 2009

Commented:
So change the script starting with
var $dialog
to
where
myadvert.html
is the page you normally loaded

var $dialog = $('<div></div>').dialog({
                title: "My popup",
                autoOpen: false,
                width: 600,
                height: 400,
                modal: true,
                resizable: true,
                autoResize: true,
                overlay: {
                    opacity: 0.5,
                    background: "black"
                }
            }).load("myadvert.html");

Open in new window

Commented:
>>also look at the RadWindow from Telerik: http://demos.telerik.com/aspnet-ajax/window/examples/default/defaultcs.aspx, loads an entire page as a popup, and the popup resembles a full browser window with refresh and resizing among other funcs. Easy to use.
Michel PlungjanIT Expert
Top Expert 2009

Commented:
But not license free
Commented:
Hi photoman11,

Have you considered a different technique many internet marketers have switched to now?

When someone closes the sales page, a javascript confirmation (alert) window pops up offering a discounted page. meanwhile, in the background, the page redirects to the special offer page

For example, check out this link:
http://cbwealthformula.com

The Javascript Confirm is unblockable by any pop-up blocker.

Regards...

Commented:
Use Telerik RadWindow. You do not have to change your code much. Just set the URL of RadWindow to your popup and you done.

http://demos.telerik.com/aspnet-ajax/window/examples/default/defaultcs.aspx

Author

Commented:
I guess I need to get a status report here, and thanks to a bunch of people

ziffgone- Thank you for the suggestion. Actually, I am currently using that program, which I believe is Virtual Smart Agent, for my sales pages. The pop under that I am trying to work on is not on a sales page.

To those suggesting Telerik RadWindow, I looked at the site over and over again and could not figure out what it was about. One of the things I remember is that they seem to have a very high price point which seemed hugely overkill for me because I'm only thinking of using it for my home page.


mplungjan,

I've attached your original code, below. I don't understanding what I'm supposed to do. Since you might as well be writing something in a foreign language, unless it is crystal clear like "delete from A to B" and replace it with C to D, I am not going to figure it out because I just do not understand the code.

I am attaching 2 very small HTML pages. The first one is http://www.best-family-photography-tips.com/test-page2.html - this is the Pop under Page. The 2nd page is http://www.best-family-photography-tips.com/test-page3.html - this is the page which displays first, followed by the pop under (or in the case of your script) - the pop over page.

If you want to do it, I completely understand. It's just too much over my head.
test-page2.txt
test-page3.txt
Michel PlungjanIT Expert
Top Expert 2009

Commented:
Have a try of this - there may be some CSS conflicts that breaks the popup but it will be a start

test-pagepop.txt

Author

Commented:
Thanks for your help. Unfortunately, the pop-up page was completely blank except for the light grey background -See screenshot.

I don't know if this has anything to do with why this happened, but I am also including a template for my webpages which includes things like *** NAVIGATION BAR *** in place of the 500 lines of code which addresses that.

I hope that made sense.
pop-up-test.png
sbi-template-forEE.html
Michel PlungjanIT Expert
Top Expert 2009

Commented:
I had the same problem with the popup, but was not sure if it would show the same behaviour on your page.

I strongly suggest a redesign. Perhaps using a professional or even better: take some lessons in web design and html since I really have no idea where even to begin with these pages.
If you can cut the pages down to the essential and make more pages from the far too big pages with far too much info, your site will be better off in terms of how easy they are to read and also and as important SEO.

Author

Commented:
thanks for your suggestion.
Michel PlungjanIT Expert
Top Expert 2009

Commented:
If I move the jquery css to AFTER your style, it looks better!
Michel PlungjanIT Expert
Top Expert 2009

Commented:
haha, the left menu completely overflows the popup..

I hope you do not have that menu in the popup

Author

Commented:
For the real page that I'm using as the pop under (http://www.best-family-photography-tips.com/most-important-question-in-photography.html), what happens is it loads underneath my home page when someone opens the homepage.

However, instead of being a full size window, it is physically a smaller window, but with scrollbars. Since it is a page in my site, it does have the navigation bar on the left.

So I guess this situation is not practical for solving right now. I do want to thank you for all your efforts.
Michel PlungjanIT Expert
Top Expert 2009

Commented:
Just have the tip popup I just saw. Much nicer.
Anything else is overdoing it!!!

Author

Commented:
Thanks.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial