(Squarespace) Click button – Open random page

Description: Click a button block – Open random page

#1. First, add a Button Block and find its ID

#2. Next, use this code to Code Injection > Footer

<script>
const CLICK_ELEMENT_ID = '#block-0ea39533e808d86bb773';
const PAGE_URLS = [
    '/blog04-1/default-end-to-end-encryption-on-messenger',
    '/blog04-1/purple-llama-safe-responsible-ai-development',
    '/blog04-1/whatsapp-view-once-voice-messages',
    '/blog04-1/metas-2023-progress-in-ai-and-mixed-reality',
    '/blog04-1/teen-protections-age-appropriate-experiences-on-our-apps',
    '/blog04-1/doja-cat-vr-concert',
    '/blog04-1/davos-ai-discussions',
    '/blog04-1/introducing-stricter-message-settings-for-teens-on-instagram-and-facebook',
    '/blog04-1/investing-in-privacy',
    '/blog04-1/our-work-to-help-provide-young-people-with-safe-positive-experiences'
];
let lastRandomIndex = -1;
function getRandomPageUrl() {
    let randomIndex;
    
    if (PAGE_URLS.length <= 1) {
        return PAGE_URLS[0] || '/';
    }
    
    do {
        randomIndex = Math.floor(Math.random() * PAGE_URLS.length);
    } while (randomIndex === lastRandomIndex);
    
    lastRandomIndex = randomIndex;
    return PAGE_URLS[randomIndex];
}
function initRandomPageOpener() {
    const element = document.querySelector(CLICK_ELEMENT_ID);
    
    if (element) {
        element.addEventListener('click', function(e) {
            e.preventDefault();
            const randomUrl = getRandomPageUrl();
            window.open(randomUrl, '_blank');
        });
    }
}
document.addEventListener('DOMContentLoaded', initRandomPageOpener);
if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initRandomPageOpener);
} else {
    initRandomPageOpener();
}
</script>

#3. You can update Button ID + Page URLs here

1 Like