Кнопка "Поделиться" для месседжеров в Taplink

Этот код дает пользователям мобильных телефонов возможность делиться ссылкой на страницу

Пример работы: https://tap.one-way.dev/p/e5eea1/

Добавьте общий скрипт в блок "HTML-код"

<script>
window.sharePage = async () => {
    if (navigator.share) {
        try {
            const url = window.location.href;
            await navigator.share({
                title: 'Поделиться ссылкой',
                url: url
            });
        } catch (error) {
            alert('Не удалось поделиться страницей: ' + error);
        }
    }
};
document.addEventListener('DOMContentLoaded', () => {
    // Проверяем, поддерживается ли Web Share API
    if (!navigator.share) {
        // Если не поддерживается, получаем все ссылки
        const links = document.querySelectorAll('a[href*="javascript:window.sharePage()"]');

        // Проходим по каждой ссылке и устанавливаем ей display: none
        links.forEach(link => {
            link.closest('.block-item').style.display = 'none';
        });
    }
});

</script>

При желании можете заменить текст "Поделиться ссылкой" на любой свой текст

Добавление ссылки

Теперь вы можете добавить специальный код в кнопку в место ссылки, чтобы клик по ней вызывал функцию "поделиться"

Код для ссылки:

javascript:window.sharePage();

На устройствах, которые не поддерживают share (например, персональные компьютеры и ноутбуки), кнопки будут скрываться автоматически

Не забудьте настроить SEO-параметры страницы, чтобы ссылки в месседжерах выглядели красиво