Как добавить социальные кнопки на свой сайт(вконтакте,твиттер,facebook)

02.07.2025 просмотров

187 |

Благодаря этой волшебной кнопке, мы сможем убедиться, что наш ресурс стабильно контактирует с лидирующими социальными сетями, такими как Вконтакте, Twitter, Google+, Facebook. Скорость страницы вашего сайта можно контролировать наличием скриптов, чем меньше скриптов, тем быстрее сайт будет грузиться. Ниже будет представлен шаблон, под кнопку “Твитнуть”.:

<a href="http://twitter.com/share" data-count="horizontal" data-lang="ru">Твитнуть</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

После твиттера берёмся за гугл плюс, быстро вывешиваем эмблему google+ и рвемся к лидерству, иконка имеет стандартный HTML5 код:

<g:plusone size="medium"></g:plusone>

Facebook самая популярная социальная сеть в странах Европы, она признана критиками во всем мире, ею активно пользуются более миллиарда человек. Помимо населения запада, еще имеются люди со стран СНГ. Facebook представлен кнопкой “Like”, код которой представлен ниже

var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}

js = d.createElement('script'); js.id = id; js.async = true;

js.src = "//connect.facebook.net/ru_RU/all.js#appId=141998869225300&xfbml=1";

d.getElementsByTagName('head')[0].appendChild(js);

}(document));</script>

Самая актуальная социальная сеть – Вконтакте. Вконтакте пользуется славой во всём Рунете. Кнопка контакта самая навороченная.:

VK.init({apiId: 2011867, onlyWidgets: true});

</script>

VK.Widgets.Like("vk_like", {type: "vertical"});

</script>