Поделиться с друзьями от яндекса. Социальные кнопки поделиться – пишем сами Какое кол во кнопок поделиться добавлять

Инструмент Stories в Instagram появился сравнительно недавно, но уже успел завоевать признание, как среди блогеров, так и среди . Сториз располагаются сверху, над основной лентой, поэтому их просматривают чаще. Опубликованная ссылка в Истории Инстаграм, позволяет направить пользователя на сайт или другую страницу в соцсеть. Благодаря этому можно собрать дополнительный трафик на сайт или в свой блог, а ещё - выделить историю на фоне других.

Функция добавления ссылки в Stories раньше была доступна верифицированным или «избранным» - случайным - бизнес-аккаунтам. Сегодня в социальной сети линк могут добавить все бизнес-аккаунты, число подписчиков которых превышает 10 000 человек.

Чтобы добавить линк, следуйте простому алгоритму:

Помните, что многие пользователи не знают, как переходить по ссылке в опубликованной истории. Подтолкните их к целевому действию - добавьте на фото или ролик призыв перейти по линку, чтобы узнать что-то интересное. Например, напишите «проведите вверх, чтобы узнать подробнее» или «нажмите “ещё”, чтобы перейти на сайт магазина».

Добавление ссылки при настройке рекламы - более трудоемкий, но и более эффективный процесс. Чтобы настроить рекламу, нужно сначала зайти в связанный с бизнес-аккаунтом Instagram профиль в Facebook, и нажать на «Создать рекламу». Либо сразу зайти в менеджер рекламы Facebook.

В личном кабинете нажмите «Создать объявление» и следуйте простому алгоритму действий.

Выберите цель рекламы. Для ссылок в историях доступны 6 целей, в числе которых «Трафик», «Установка приложения», «Конверсии». Выберите подходящую цель в зависимости от формата бизнес-аккаунта и продвигаемого линка.

Выберите цель кампании. Здесь можно выбрать клики или просмотры. То есть вы будете платить либо за клик по ссылке, либо за посещение страницы, когда пользователь дождется ее загрузки.

Настройте аккаунт. Если вы раньше не создавали рекламу в Facebook, вам предложат указать часовой пояс, страну и валюту рекламного кабинета.

Настройте аудиторию . Выберите место, куда ведет линк - на сайт, приложение или мессенджер. Затем укажите нужные параметры целевой аудитории: пол, возраст, интересы и другие.

Выберите место рекламы. По умолчанию объявление будут показывать на трех площадках. Если вам нужны только Истории Инстаграма, кликните на «Редактировать плейсменты» и оставьте галочку только на «Instagram», «Истории».

Установите бюджет и выберите стратегию ставок . Можно установить дневной лимит бюджета или сумму на всю кампанию, а система сама равномерно распределит ее. Затем выберите стратегию ставок - по умолчанию система выбирает самую низкую цену. Если хотите, можете настроить ее вручную, для этого кликните на «Установите предельную ставку». Чем она ниже - тем меньше шансов, что объявление покажут.

Выберите формат рекламы. Можно выбрать одно изображение или одно видео. С точки зрения маркетинга лучше использовать видео - несмотря на то, что у рекламы есть ограничение по времени в 15 секунд, оно позволяет лучше донести идею до пользователей и добавить более заметный призыв к действию.

После заполнения необходимых полей перед вами откроется предпросмотр. На этой странице можно загрузить изображения или ролики для объявления, добавить призыв к действию, добавить и изменить URL. После сохранения ваше объявление начнут показывать ЦА по выбранным параметрам и установленному бюджету.

Директ в Инстаграме похож на систему личных сообщений в других социальных сетях. Если вы отправите одному или нескольким пользователям какой-то пост, его увидят только они - он не будет опубликован в ленте.

Сегодня функция добавления ссылки в сообщения в Инстаграме доступна абсолютно всем. Чтобы добавить линк, достаточно просто зайти в Директ, выбрать чат с пользователем, которому хотите выслать его, и ввести ссылку вручную или вставить заранее скопированный URL-адрес. Ссылка будет активна, а расширенный сниппет с заглавной картинкой и описанием страницы будет выслан автоматически.

• Добавить в Историю - доступно тем, у кого более 10 000 подписчиков.
• Добавить в рекламную Stories - доступно всем, но требует денежных затрат.
• Выслать в Директ.

От автора: приветствую вас. Сегодня социальные сети развились до такого уровня, что в них зарегистрировано в общей сложности более 3 млрд людей. Потенциально это очень мощная аудитория, поэтому сегодня я вам расскажу, как добавить кнопки социальных сетей на сайт.

Начну с того, что самым простым способом, если у вас WordPress, является просто установить какой-нибудь плагин для этого дела. Какой? Я, например, пользовался Juiz Social Post Sharer. А вообще, просто введите в поиске плагинов слово social и просмотрите, что там есть. Преимущество тут только в том, что вам, вероятно, не придется ничего настраивать.

Яндекс тоже разработал страницу, на которой вы можете настроить и поставить себе кнопки. На этой страничке вы можете выбрать нужные сервисы (а их примерно 25). Справа вы можете выбрать внешний вид блока. Это могут быть счетчики, которые будут показывать, сколько раз на кнопки нажали пользователи. Это, в свою очередь, поможет вам отслеживать, полезен ли материал читателям.

JavaScript. Быстрый старт

Естественно, не нужно использовать все три варианта, лучше какой-то один. Хотя я видел сайты, где блок был и в начале, и в конце страницы.

Теперь вам нужно найти файл с кодом, который выводит статьи. В wordpress, например, он обычно называется single.php или подобным образом. Итак, если вам нужно поставить блок с кнопочками после статьи, ищем строчку the_content. Именно за ней можно вставить код. Вам очень поможет, если разработчик вашего шаблона делал комментарии в коде.

Редактировать файлы сайты можно некоторыми способами. Например, сделать это напрямую через админку движка (внешний вид — редактор). В этом случае код не подсвечивается, поэтому ориентировать в нем не так удобно. Другой способ – через ftp. Подключитесь к сайту с помощью ftp-клиента, перейдите в wp-content – themes. Тут нужно найти тот шаблон, который является активным у вас в данный момент. Заходим в него и находим тот самый single.php или ищем что-то похожее по названию.

В самом файле с кодом найдите строчку the_content с помощью поиска (Ctrl + F). Вставьте где-нибудь после нее этот код.

Комментарии это то, что на этом скриншоте выше выделяется зеленым цветом. Как видите, разработчик явно указал, что в этом месте выводиться сам текст статьи. Это отлично, просто вставьте код сразу после статьи и получите желаемый результат.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Вы можете выбрать стиль кнопок, настроить их фон, положение и размер. Также можно выбрать иконки со встроенным счетчиком. А еще одним преимуществом кнопок от Pluso является их потрясающий внешний вид и возможность встроить их в практически в любой дизайн.

Когда все настроено, просто копируем код и вставляем его в том месте, где хотим увидеть соответствующий блок.

Если предыдущие варианты вам чем-то не понравились, есть другой способ, как поставить кнопки социальных сетей на сайт. Это сервис share42.com. Назван так, наверное, потому, что на момент создания в нем было 42 кнопки социальных сервисов, хотя на данный момент их 43.

Описывать процесс подробно не буду, потому что на сайте уже все оформлено в виде пошаговой инструкции. Дизайн этих иконок вы поменять не можете, а только размер. Впрочем, смотрятся они недурно.

Иконки, которые вам нужно, нужно выбрать, кликнув по ним мышкой. Отдельно хочу отметить наличие таких интересных возможностей, как добавление в избранное браузера, ссылка на rss и кнопка «Наверх».

Далее вы можете выбрать тип панели: горизонтальная или вертикальная? И если выбрана вторая, то количество кнопок можно ограничить. Кодировку я рекомендую оставить UTF-8. Вы можете также добавить иконку самого сервиса в комплект кнопок, чтобы пользователи с вашей странички могли перейти на него и установить себе тоже эти кнопки.

Также если вы планируете добавить иконку rss, то обязательно нужно указать адрес вашего фида, а если хотите показывать количество нажатий по кнопкам, должны быть отмечены две последние галочки.

Ниже есть 2 кнопки. Первая позволяет взглянуть, как будут выглядеть социальные кнопки, которые вы настроили. С помощью второй скачивается скрипт. Его нужно загрузить через ftp к себе на сайт в корневую папку.

Следующим шагом укажите на странице сервиса путь к этой папке. Зачастую достаточно заменить site.com на ваше доменное имя. Все, остается вставить код, выбрав перед этим cms, на которой работает ресурс. Куда вставлять код вы уже должны понимать, я надеюсь.

Я не сомневаюсь, что существует еще парочку нормальных сервисов, где можно сделать социальные кнопки, а также есть просто масса скриптов и плагинов, которые их добавляют. Сегодня я перечислил вам наиболее лучшие, на мой взгляд, варианты.

Что ж, сегодня мы с вами научились добавлять кнопки социальных сетей и сервисов в свой интернет-проект. Теперь ваши полезные материалы могут быть автоматически распространены по социальным сетям вашими благодарными читателями. А у меня на этом все.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Ссылки в Stories начали появляться достаточно давно, но использовать их могли только официальные аккаунты. В мае появилась возможность добавлять ссылки в рекламе с плейсментом в Истории, однако всё это были платные механизмы. Сегодня мне начали присылать скриншоты того, что Instagram начал постепенно позволять обычным пользователям добавлять активные ссылки на сайты в своих Историях.

Эта функция доступна не всем аккаунтам в Instagram! Сегодня ссылки в Stories доступны только:

Причём ссылка может появиться не сразу после того, как вы получили 10.000 подписчиков. Накрутка ботов до 10k подписчиков работает не всегда. Плюс, накрутить ботов так, чтобы они не отписались сегодня сложно, а при падении числа подписчиков аккаунта до 9.999 и менее возможность прикреплять ссылку исчезнет.

Чтобы перейти по активной ссылке из Истории пользователь должен сделать «Свайп вверх». Так как народ ещё не привык к таким возможностям, я бы рекомендовал дополнительно акцентировать внимание на ссылке различными ссылками и призывами к действию. Ну вы же взрослые ребята, сами понимаете о чём речь, кого я тут вообще учу.

Про появление активных ссылок в Директе я уже писал , но в блог информацию не выносил. Как и любое другое обновление, пока доступны избранной и случайной части пользователей.

Последние обновления делают Instagram ещё более интересным для ecommerce и малого бизнеса, битва за подписчиков пойдёт ещё жарче. Надеюсь только на то, что Instagram будет активно бороться со спамом ссылками в Директе.

Здесь фраза «Кто хочет купить софт со скидкой 8% по акции?» написана самим пользователем, а ниже - то, как ссылка на сайт выглядит в соц.сети. Не сильно красиво, правда?

тогда ссылка в соц.сети будет выглядеть так:

Здесь «Сегодня день Рождения allsoft.ru - 8 лет:)» - текст написанный пользователем, остальное - информация из мета-тегов. Подробнее об этих мета-тегах можно прочитать на странице Facebook developers.facebook.com/docs/share , остальные соц.сети тоже их вполне понимают.

Как вообще работает этот механизм:
1. Когда пользователь нажимает кнопку, виджет передает серверу соц.сети ссылку на страницу.
2. Сервер соц. сети сам обращается по этой ссылке и считывает информацию о странице - заголовок, описание, картинку.
3. Сервер соц. сети кеширует на своей стороне информацию о странице и отображает на страницах соц.сети

Как передавать разные описания для одной страницы.
Например, при создании промо-страницы на allsoft.ru с шуточным тестом потребовалось для разного количества баллов, набранных пользователем в тесте, передать в соц.сети разные описания. Так как описание страницы соц.сеть получает заходя по ссылке, то для разных описаний нужны разные ссылки. Кроме того, Twitter позволяет вставлять только 140 символов, поэтому для него нужно отдельное, более короткое, описание.

New Ya.share({ element: "ya_share_normal", elementStyle: { "type": "none", "quickServices": ["facebook","twitter","odnoklassniki","vkontakte","moimir"] }, link: "http://allsoft.ru/promo/allsoft8let/?share=normal", serviceSpecific: { twitter: { title: "Результат теста: Дракон почти Ваш «конек»! Вы пока не можете преподавать Драконоведение, но на верном пути!" } } });
1. Здесь ya_share_normal - id элемента на странице (), в котором будет появляться блок с социальными кнопками, link - ссылка, плюс в serviceSpecific для твиттера указываем title, отличающийся от того, что находится в мета-теге og:title.

Таким образом, для задачи «3 разных результата теста плюс общая ссылка на страницу вне теста» у нас будет 4 тега:

и 4 блока кода в JavaScript, как указано выше.

Как изменить закешированный соц.сетью заголовок и описание.
1. Для Facebook есть самый лучший способ: зайти на их дебаггер

Я отмечал важность SMO (Social Media Optimization) в продвижение сайта. Теперь поговорим непосредственно о том, как сделать социальную оптимизацию на своем сайте, а точнее как добавить социальные кнопки популярных сетей на сайт.

Для начала покажу как это собственно говоря должно выглядеть на сайте. На многих блогах и новостных сайтах внизу после любой статьи можно увидеть нечто подобное:

Это и есть социальные кнопки, благодаря которым достигается SMO , а далее и социальная активность. Эта статья посвящена вопросу где взять код этих соц. кнопок и как правильно установить их к себе на сайте. Рассмотрим для начала установку Google+.

Начнем с получения кода кнопки для Facebook. Для этого зайдите на эту страницу: https://developers.facebook.com/docs/plugins/like-button . Вы должны увидеть следующую картину:

Справа вверху отображается как будет выглядеть кнопка у Вас на сайте. Разберемся с параметрами, которые можно задать:

1. URL to Like
Это необязательный параметр. Если оставить поле пустым, то у каждой страницы будет свой индивидуальный счетчик лайков. Если вписать туда какой-то конкретный адрес URLa , то счетчик будет единым (лайки суммируются со всех страниц этого сайта).

2. Send Button
Добавить или убрать кнопку для отправки сообщений. Я рекомендую убрать эту кнопку, т.к. наша цель поставить просто кнопку "мне нравится", хотя возможно у вас совсем другие цели.

3. Layout Style
Стиль отображения кнопки. Лично мне больше всего нравится standard.

4. Width
Ширина кнопки в пикселях. Я ставлю обычно не больше 100 пикселей.

5. Verb to display
Что будет отображено на кнопке: "мне нравится" или "я рекомендую". Обычно я выбираю первый вариант (стоит по умолчанию), поскольку это более действенный способ замотивировать пользователя поставить лайк.

6. Color Scheme
Цветовая гамма: либо белая, либо черная.

7. Font
Просто задание шрифта для надписи "мне нравится".

После задания настроек наживаем на кнопку "get code" и размещаем на сайте. Обычный код кнопки для facebook:

Теперь рассмотрим как получить код кнопки "мне нравится" от ВКонтакте. Для этого перейдите на следующую страницу: https://vk.com/dev . У Вас должна открыться следующая страница:

Сначала нужно будет добавить новый сайт. Для этого выберите из выпадающего меню "сайт/приложение" пункт подключить новый сайт:

После добавления нового сайта сохраните его. Теперь выберите из выпадающего меню нужный сайт. Далее следуют небольшое число параметров: "вариант кнопки", "высота", "название кнопки" - это все настраивается под Ваш вкус. В конце будет код для кнопки:

Как и в предыдущих случаях, для начала перейдите в место получения и настройки кнопки.