دکمه سفارشی

اگر می‌خواهید یک دکمه اشتراک/لغو اشتراک سفارشی با طراحی خودتان ادغام کنید، می‌توانید این کار را انجام دهید.

این‌ها ویژگی‌های پیکسل در دسترس هستند که می‌توانید در کد جاوااسکریپت خود برای ادغام سفارشی استفاده کنید:

await 98push.get_subscription_status();
await 98push.subscribe();
await 98push.unsubscribe();

این یک نمونه کد ادغام است که از این توابع جاوااسکریپت سفارشی استفاده می‌کند:

<span id="pusher_loading">Loading status...</span>
<a href="#" id="pusher_subscribe" style="display: none;">Subscribe ✅</a>
<a href="#" id="pusher_unsubscribe" style="display: none;">Unsubscribe ❌</a>

<script defer>
    let initiate_pusher_script = async () => {
        if(typeof pusher !== 'undefined') {
            clearInterval(pusher_is_loaded_interval);

            /* Get status of subscription */
            let status = await 98push.get_subscription_status();

            /* Remove loading message */
            document.querySelector('#pusher_loading').style.display = 'none';

            /* Display subscribe or unsubscribe button based on the current subscription status */
            if(status) {
                document.querySelector('#pusher_unsubscribe').style.display = 'block';
                document.querySelector('#pusher_subscribe').style.display = 'none';
            } else {
                document.querySelector('#pusher_unsubscribe').style.display = 'none';
                document.querySelector('#pusher_subscribe').style.display = 'block';
            }
        }
    }

    let pusher_is_loaded_interval = setInterval(initiate_pusher_script, 100);

    /* Attach simple subscribe event */
    document.querySelector(`#pusher_subscribe`) && document.querySelector(`#pusher_subscribe`).addEventListener('click', async event => {
        event.preventDefault();
        await 98push.subscribe(event);
        initiate_pusher_script();
    });

    /* Attach simple unsubscribe event */
    document.querySelector(`#pusher_unsubscribe`) && document.querySelector(`#pusher_unsubscribe`).addEventListener('click', async event => {
        event.preventDefault();
        await 98push.unsubscribe(event);
        initiate_pusher_script();
    });
</script>