+7 (987) 026-06-36
Написать в Telegram

Оставить заявку
stanislav_web

Кнопки поделиться (шаринг - share) в WhatsApp, Telegram и ВКонтакте на чистом javascript

Кнопки поделиться (шаринг - share) в WhatsApp, Telegram и ВКонтакте на чистом javascript Объясняю и показываю примеры решений разных задач с которыми сталкивался и сталкиваюсь в процессе работы

Кнопки поделиться (шаринг - share) в WhatsApp, Telegram и ВКонтакте на чистом javascript

Объясняю и показываю примеры решений разных задач с которыми сталкивался и сталкиваюсь в процессе работы

📅 04 октября 2024

👁‍🗨 120

🔥 0

Кнопки поделиться (шаринг - share) в WhatsApp, Telegram и ВКонтакте на чистом javascript
<a href="javascript:void(0);" target="_blank" onclick="share('https://api.whatsapp.com/send?text=Название статьи https://site.ru/news/article/');">
    <img src="https://site.ru/assets/img/social/1.svg" alt="WhatsApp">
</a>
<a href="javascript:void(0);" target="_blank" onclick="share('https://t.me/share/url?url=https://site.ru/news/article/&text=Название статьи&image=Ссылка на изображение');">
    <img src="https://site.ru/assets/img/social/2.svg" alt="Telegram">
</a>
<a href="javascript:void(0);" target="_blank" onclick="share('https://vk.com/share.php?url=https://site.ru/news/article/&title=Название статьи&image=Ссылка на изображение');">
    <img src="https://site.ru/assets/img/social/3.svg" alt="ВКонтакте">
</a>
<a href="javascript:void(0);" target="_blank" onclick="share('https://connect.ok.ru/offer?url=https://site.ru/news/article/&title=Название статьи&imageUrl=Ссылка на изображение');">
    <img src="https://site.ru/assets/img/social/4.svg" alt="Одноклассники">
</a>
<a href="javascript:void(0);" onclick="copylink('https://site.ru/news/article/');">
    <img src="https://site.ru/assets/img/social/5.svg" alt="Скопировать ссылку">
</a>
<script>
    function share(url) {
        window.open(url, '', 'toolbar=0, status=0, width=626, height=436');
    }
    function copylink(link) {
        navigator.clipboard.writeText(link).then(function() {
            alert('Ссылка скопирована');
        }).catch(function(error) {
            alert('Ссылка не скопирована');
        });
    }
</script>