Add a 2nd URL opening at age validation

Hi @laucoste,

I assume you want the other website to be behind the site with age gate on?

You can add this to your functions.php and it should work, but browsers a pretty strict on popups (or unders) so may not work, not work in future or not work for some users – essentially, I make no promises 🙂

Just change “google.com” to whatever you want to open:

add_action('wp_footer', function () {
    ?>
    <script>
        jQuery(document).on('click', '.age-gate-submit-yes', function() {
            var puHref = 'https://google.com'

            window.open(window.location.href, "NewSiteWindow");
            window.location.href = puHref;

        });
    </script>
    <?php
}, 1);

Some reading material:

Where I adapted this from
https://jamesbachini.com/pop-under-code/

Some info on opening new windows:
https://developer.mozilla.org/en-US/docs/Web/API/Window/open

Thanks
Phil

Hmmm, How about this?

add_action('wp_footer', function () {
    ?>
    <script>
        jQuery(window).on('agegatepassed', function(){
            var puHref = 'https://google.com'

            window.open(window.location.href, "NewSiteWindow");
            window.location.href = puHref;
        });
    </script>
    <?php
}, 1);

Thanks
Phil

@laucoste – try changing the “NewSiteWindow” to something else. The name allows the browser to reuse it so that could be happening.

Thanks
Phil

Hi @laucoste, a bit more testing and for me:

Works in chrome.

Doesn’t work in Safari or Firefox. Safari definitely blocking the extra window so it’s probably not going to work reliably by the looks of things.

What is the second window for? It there maybe a work around?

Thanks
Phil

@laucoste How about a popup on the site? Loads of settings available.

Only real restriction if using an iframe is they can deny cross site embeds, but you could use an image or something too?

add_action('wp_enqueue_scripts', function () {
    wp_enqueue_script('glightbox', 'https://cdn.jsdelivr.net/gh/mcstudios/glightbox/dist/js/glightbox.min.js', []);
    wp_enqueue_style('glightbox', 'https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css', []);
});

add_action('wp_footer', function () {
    ?>
    <script>
        jQuery(window).on('agegatepassed', function(){
            var lb = new GLightbox({
                elements: [
                    {
                        href: 'https://google.com',
                        closeButton: true,
                        // 'title': 'My Title',
                        // 'description': 'Example',
                    },
                ]
            });

            lb.open();
        });
    </script>
    <?php
}, 1);