К основному контенту

1 мин

Zeroblock

Light

5

Этот скрипт позволит тебе сделать кнопку поделиться для твоей страничке на Тильда (особенно полезно для странички с товаром)

Как сделать на Тильде кнопку поделиться страницей

(cвернуть)
Инструкция

1. Создай на странице любой элемент, который должен работать как кнопка "поделиться"

2. Пропиши в генератор класс который будешь задавать этому элементу

3. Если тебе нужно, чтобы в случае недоступности в браузере расширенного функционала "поделиться" у тебя всплывало уведомление о копировании ссылки и кроме ссылки копировался ещё какой-то текст (Например: "Посмотри что я нашёл" и тд), то также укажи его в генератор

3.1. Если нужно чтобы вместо этого у тебя просто открывался поп-ап то оставь второе поле пустым и просто задай ссылку на поп-ап для твоей кнопки поделиться. Она откроется только расширенной функции "поделиться" у пользователя не будет

- Копирование возможно только на сайтах с подключенным https, ибо это ограничение самих браузеров "в целях безопасности". Обязательно проверь чтобы твой сайт открывался по https а не по http

- Обязательно заполни поле "описание" у твоей странички, чтобы кнопка могла его копировать для того чтобы поделиться

- Обрати внимание что расширенная функция "поделиться" поддерживается всё ещё не всеми браузерами. Поэтому например в Opera, Firefox, Chrome на MacOS и мобильных китайских браузерах вместо неё будет просто копироваться ссылка на страницу\открываться твой поп-ап

- Возможность задать разные классы есть для того, чтобы можно было делать разные кнопки "поделиться" на одной странице

- Если будешь делать зеро поп-ап на случай недоступности, то можешь задать там кнопкам особые ссылки для того чтобы поделиться в соц сетях своей страничкой. Для каждой соц сети они свои, например для VK это https://vk.com/share.php?url=https://voron-dev.ru/

Важно!

undefined
undefined
Отчистить поля
Загрузить сохраненные значения
undefined
Скопировать код
<!--VORON--><!--VR23--><!--settings{"cls":"share","text":""}settingsend--> <style>
        .share {
            cursor: pointer;
        }
    </style> <script>
    t_onReady(function () {
      t_onFuncLoad('t396_init', function () {
            document.querySelector('.share').addEventListener('click', function(e) {
              if (navigator.share) {
                e.preventDefault();
                e.stopImmediatePropagation();
                navigator.share({
                  title: document.title,
                  url: window.location.href,
                  description: document.querySelector('meta[name="description"]').getAttribute("content"),
                });
              } 
            }, true)
      })
    })
    </script>
123
Чтобы вызвать меню "поделиться" просто кликни на кнопку ниже
Примеры работы модификации
Поделиться
Если у тебя не safari и не chrome на windows\мобильный браузер, то у тебя откроется поп-ап из зеро
Примеры работы модификации 2
Это поп-ап из зеро в которой можно закинуть ссылки на твои странички:)