Кнопки "поделиться" в социальных сетях - модуль ShareLink

[GoldSoft 23]

Модуль добавляет кнопки, с помощью которых можно поделиться ссылкой на новость или любую страницу сайта в социальных сетях. В мобильной версии, если нажать кнопку «поделиться» откроется выбор приложений, которые есть на телефоне (примерный вид можно увидеть на последнем скриншоте). Модуль работает на любой странице сайта, например, в кратких новостях, в полной новости и в статической странице.
Можно включить статистику кликов, но для десктопных устройств она ведется условно - учитывается просто показ модального окна социальной сети, а не отслеживается действительно ли посетитель опубликовал вашу ссылку на свой странице, ленте и т.д.
Как и в большинстве модулей, используется Ajax и возможность отправки данных форм по сочетанию клавиш «Ctrl + Enter» для более комфортной работы в админпанели. В админпанели можно изменить сортировку пунктов для выпадающего списка кнопок для десктопных устройств, отключить ненужные пункты.
Модуль работает со всеми версиями DLE от 10.0 и выше. На более ранних версиях работа модуля не проверялась. Установка модуля полностью автоматическая.

http://demo2.new-dev.ru/admin.php?mod=sharelink Демо настроек модуля в админпанели
Цена - от 19$
https://new-dev.ru/81-sharelink-knopki-podelitsya-v-socialnyh-setyah.html Страница модуля с более подробной информацией
Там же можно купить модуль в автоматическом режиме.

[ntrtv 56]

У вас на скрине название запрещенной в РФ социальной сети, принадлежащей организации, признанной в РФ экстремисткой. 

[aleksandrhristich 107]

Интересно,а почему у вас на вашем же сайте не установлен этот модуль,чтобы вживую посмотреть как он выглядет и работает?

 

[DeeMon 73]

ну по сути кому статистика не нужна, достаточно бесплатного стандартного Яндекса

[radrigo 182]

26.12.2022 в 19:18, DeeMon сказал:

ну по сути кому статистика не нужна, достаточно бесплатного стандартного Яндекса

Если нужны простейшие без какой-либо статистики, то лучше уже сделать самому, чем подгружать огромный js файл от Яндекса.

Пример кнопок, как это организовано у меня. Сначала создаём пустой блок с классом "soc-share" и ниже подгружаем js файл со следующим содержимым. Остаётся только оформить через CSS. Подобным образом можно и другие социальные сети сделать.

let
	socShare = document.querySelector('.soc-share'),
	metaTitle = encodeURIComponent(document.head.querySelector('meta[name="title"]').content),
	metaCanonical = encodeURIComponent(document.head.querySelector('link[rel="canonical"]').href);

socShare.insertAdjacentHTML('beforeend', '<a class="sh_vk" href="https://vk.com/share.php?url=' + metaCanonical + '&title=' + metaTitle + '" title="ВКонтакте"><i class="icon icon-vk"></i><span class="title_hide">ВКонтакте</span></a>');
socShare.insertAdjacentHTML('beforeend', '<a class="sh_ok" href="https://connect.ok.ru/offer?url=' + metaCanonical + '&title=' + metaTitle + '" title="Одноклассники"><i class="icon icon-ok"></i><span class="title_hide">Одноклассники</span></a>');
socShare.insertAdjacentHTML('beforeend', '<a class="sh_tg" href="https://t.me/share/url?url=' + metaCanonical + '&text=' + metaTitle + '" title="Telegram"><i class="icon icon-tg"></i><span class="title_hide">Telegram</span></a>');
socShare.insertAdjacentHTML('beforeend', '<a class="sh_vb" href="viber://forward?text=' + metaTitle + '%20' + metaCanonical + '" title="Viber"><i class="icon icon-vb"></i><span class="title_hide">Viber</span></a>');
socShare.insertAdjacentHTML('beforeend', '<a class="sh_ws" href="https://api.whatsapp.com/send?text=' + metaTitle + '%20' + metaCanonical + '" title="WhatsApp"><i class="icon icon-ws"></i><span class="title_hide">WhatsApp</span></a>');

$(document).ready(function () {
	$('.soc-share > a').on('click', function () {
		let href = $(this).attr('href'),
			width = 820,
			height = 420,
			left = (screen.width - width) / 2,
			top = (screen.height - height) / 2 - 100;
		auth_window = window.open(href, 'auth_window', "width=" + width + ",height=" + height + ",top=" + top + ",left=" + left + "menubar=no,resizable=no,scrollbars=no,status=no,toolbar=no");
		return false;
	});
});

 

[dds 49]

А для чего вообще нужна такая статистика? Ну там статистика клика по рекламным баннерам это понятно, а статистика сколько раз через какую соц, сеть сколько народу поделилось... Для чего это?

[aleksandrhristich 107]

10 часов назад, radrigo сказал:

...то лучше уже сделать самому, чем подгружать огромный js файл от Яндекса...

Я просто-напросто сохранил яндексовский js файл на своем сайте и подгружаю его только в нужных местах и все.

[nezov134 31]

А зачем вообще эти кнопки поделиться? Есть ссылка, скопировал и делись. 

[dds 49]

34 минуты назад, nezov134 сказал:

А зачем вообще эти кнопки поделиться? Есть ссылка, скопировал и делись. 

Нее, ну эта штука на самом деле полезная. Позволяет пользователям быстро делиться материалом, без всяких  CtrlV - CtrlC

[mihadmitriev 4]

28.12.2022 в 23:06, radrigo сказал:

Если нужны простейшие без какой-либо статистики, то лучше уже сделать самому, чем подгружать огромный js файл от Яндекса.

Пример кнопок, как это организовано у меня. Сначала создаём пустой блок с классом "soc-share" и ниже подгружаем js файл со следующим содержимым. Остаётся только оформить через CSS. Подобным образом можно и другие социальные сети сделать.

let
	socShare = document.querySelector('.soc-share'),
	metaTitle = encodeURIComponent(document.head.querySelector('meta[name="title"]').content),
	metaCanonical = encodeURIComponent(document.head.querySelector('link[rel="canonical"]').href);

socShare.insertAdjacentHTML('beforeend', '<a class="sh_vk" href="https://vk.com/share.php?url=' + metaCanonical + '&title=' + metaTitle + '" title="ВКонтакте"><i class="icon icon-vk"></i><span class="title_hide">ВКонтакте</span></a>');
socShare.insertAdjacentHTML('beforeend', '<a class="sh_ok" href="https://connect.ok.ru/offer?url=' + metaCanonical + '&title=' + metaTitle + '" title="Одноклассники"><i class="icon icon-ok"></i><span class="title_hide">Одноклассники</span></a>');
socShare.insertAdjacentHTML('beforeend', '<a class="sh_tg" href="https://t.me/share/url?url=' + metaCanonical + '&text=' + metaTitle + '" title="Telegram"><i class="icon icon-tg"></i><span class="title_hide">Telegram</span></a>');
socShare.insertAdjacentHTML('beforeend', '<a class="sh_vb" href="viber://forward?text=' + metaTitle + '%20' + metaCanonical + '" title="Viber"><i class="icon icon-vb"></i><span class="title_hide">Viber</span></a>');
socShare.insertAdjacentHTML('beforeend', '<a class="sh_ws" href="https://api.whatsapp.com/send?text=' + metaTitle + '%20' + metaCanonical + '" title="WhatsApp"><i class="icon icon-ws"></i><span class="title_hide">WhatsApp</span></a>');

$(document).ready(function () {
	$('.soc-share > a').on('click', function () {
		let href = $(this).attr('href'),
			width = 820,
			height = 420,
			left = (screen.width - width) / 2,
			top = (screen.height - height) / 2 - 100;
		auth_window = window.open(href, 'auth_window', "width=" + width + ",height=" + height + ",top=" + top + ",left=" + left + "menubar=no,resizable=no,scrollbars=no,status=no,toolbar=no");
		return false;
	});
});

 

Здравствуйте, скажите пожалуйста, как сделать чтобы открывалось в модальном окне?

[kamensk 86]

29.12.2022 в 10:03, aleksandrhristich сказал:

Я просто-напросто сохранил яндексовский js файл на своем сайте и подгружаю его только в нужных местах и все.

Как именно?

[Newskhua 0]

Я скачал файлы и изменил пути в шаблоне fullstory.tpl. Проблема, а что там с кнопкой Facebook (у меня не отображается)? Например здесь https://news.kh.ua/kharkov/sport/49880-zolotyi-miach-shevchenka-ide-do-kharkova.html

Я погуглил по этому поводу, варианты от того что нужен токен от FB, до того что Яндекс отказывается работать с экстремистскими организациями типо Меты.
Кто-то знает решение, чтобы была кнопка Facebook?
 

		<!-- Ya.Share -->
		<div class="share">
			<script src="{THEME}/js/es5-shims.min.js" charset="utf-8"></script>
			<script src="{THEME}/js/share.js" charset="utf-8"></script>
			<div class="ya-share2" data-services="twitter,facebook,telegram,viber,whatsapp" data-size="s"></div>
		</div>
		<!-- / Ya.Share -->