Если у вас есть сайт или блог, почему тогда не использовать данные социальные сети, чтобы , наращивать , делая проект все популярнее и популярнее.
В этом нам помогут кнопки «мне нравится» от Вконтакте, Facebook, а также кнопки Твитнуть и Google +1, которые будут расположены в конце статьи.
Работают они очень просто! Когда посетитель вашего сайта прочитал статью и она ему понравилась, тогда скорее всего он захочет высказать свое мнение о ней.
Но многих затрудняет оставлять комментарий, это надо ввести «Имя», «Почту», «Сайт» и «Антикапчу», а тут они видят кнопку «мне нравится» нажимают на нее и дело сделано, ссылка на ваш пост отобразится в социальной ленте посетителя и ее смогут увидеть все его подписчики и друзья.
А это уже новые бесплатные посетители, плюс поисковые системы любят социальные сигналы и запросто могут такую страницу начать выше ранжировать в ТОП выдаче.
В прошлом уроке я рассказывал, в виде значков, расположенных вертикально или горизонтально в любом месте сайта — прочтите статью обязательно.
RaiM & Artur — Latte [Official video]
Кнопка «мне нравится» от Вконтакте
Для того, чтобы добавить кнопку «мне нравится» на сайт, первым дело переходим на страницу регистрации кнопки vkontakte и заполняем поля с названием вашего сайта.
Теперь необходимо скопировать «1 Часть кода » и добавить ее в файл header.php перед закрывающим тегом .
| 1 2 3 4 | VK. init( < apiId: 2970045 , onlyWidgets: true >) ; |
Так как я сделал вывод ее после текста статьи, поэтому код вставил в файл single.php .
| 1 2 3 4 | VK. Widgets. Like(«vk_like» , < type: «button» , height: 18 >) ; |
Перезагружаем страницу и смотрим результат.
Кнопка от Google +1
Для того, чтобы добавить кнопку «google +1» на сайт или блог переходите по этой ссылке и попадает на страницу простого конструктора.
Выбираете размер кнопки (маленькая, средняя, большая). Не забудьте выбрать русский язык.
Затем вставляете «1 Часть кода » в то место, где планируете установить кнопку «google +1». Я сделал вывод ее после текста статьи, поэтому код вставил в файл single.php .
| 1 2 3 4 5 6 7 8 9 | window. ___gcfg = < lang: «ru» >; (function () < var po = document. createElement(«script» ) ; po. type = «text/javascript» ; po. async = true ; po. src = «https://apis.google.com/js/plusone.js» ; var s = document. getElementsByTagName(«script» ) [ 0 ] ; s. parentNode. insertBefore(po, s) ; >) () ; |
Перезагружаем страницу и смотрим полученный результат. Если кнопка не нравится можно поменять настройки ее в конструкторе.
Если вы хотите установить кнопку «твитнуть» от соц сети микроблогов twitter переходите по этой ссылке и попадаете на страницу конструктора.
Выбираете из предложенных кнопочек самую подходящую для вас. Мне понравился вариант «Отправить ссылку» .
Zivert — WAKE UP! | Премьера клипа
Выбираете в настройках русский язык и копируете код в то место, где планируете сделать показ кнопки «твитнуть». В моем варианте это файл single.php .
Перезагружаете страницу и наслаждаетесь полученным результатом.
Кнопка «мне нравится» от Facebook
Для того, чтобы добавить кнопку мне нравится от фейсбук нужно перейти по этой ссылке и произвести необходимые для вас настройки.
URL to Like – данное поле не заполняем.
Send Button (XFBML Only) — я убрал галочку Send Button, чтобы не было дополнительной кнопки «Отправить» .
Layout Style – формат кнопки. Мне понравился botton_count, но на вкус и цвет сами знаете, как бывает с приятелями.
Show Faces – ставим галочку, чтобы видеть аватарки тех, кому понравилась статья.
WIdth – указывает ширину. Я оставил все без изменений.
Verb to display – выбираете, какая надпись будет расположена на кнопке facebook. Здесь только два варианта: «like» – мне нравится или «recommend» – я рекомендую.
Color Scheme — выбираете цветовую схему оформления. Для темного (dark ) или светлого (light ) сайта.
Font – можете указать определенный шрифт названия кнопки (arial , verdana и другие).
Первую часть кода устанавливаем перед закрывающим тегом в файле footer.php .
| 1 2 3 4 5 6 7 8 | (function (d, s, id) < var js, fjs = d. getElementsByTagName(s) [ 0 ] ; if (d. getElementById(id) ) return ; js = d. createElement(s) ; js. id = id; js. src = «//connect.facebook.net/ru_RU/all.js#xfbml=1» ; fjs. parentNode. insertBefore(js, fjs) ; >(document, «script» , «facebook-jssdk» ) ) ; |
Вторую часть кода кнопки «мне нравится» facebook добавляем в то место, где будет показываться кнопка. У меня под текстом, значит файл single.php .
Перезагружаем и смотрим полученный результат.
После некоторой настройки расположения кнопок «мне нравится» Вконтакте, Facebook, а также «Твитнуть» и «Google+» у меня получился вот такой результат.
На этом все! Надеюсь, моя статья поможет вам в настройке и установке кнопок социальных сетей. Не пропускайте следующие посты, подписывайтесь обновлений блога.
Если что-то не получается или у вас есть вопросы по теме пишите в службу поддержки или оставляйте комментарий, помогу обязательно!
Кнопка от В Контакте “Мне нравится” появилась уже на многих сайтах, блогах. Читатели блога также спрашивали у меня, как поставить ту самую заветную кнопку. Сегодня я решил Вам показать, как это делается.
Чтобы поставить “Мне нравится” от В Контакте, нужно конечно зарегистрироваться в данной социальной сети (хотя, наверное, тех, кого нет Вконтакте, осталось единицы). Из-за того, что в данной социальной сети очень много людей, кнопка от В Контакте может принести огромную пользу – привлечь дополнительных посетителей.
Далее выбираете тип кнопки, как будет выглядеть кнопка Вы сразу же увидите на той же странице, только чуть ниже:
Лично я предпочел выбрать пункт “Кнопка с текстовым счётчиком”. А название кнопки оставил “Мне нравится ”, можно также поставить “Это интересно”.
Дальше нам нужно вставить код в блог. Как я считаю, кнопка “Мне нравится” от Вконтакте должна стоять в конце статьи, чтобы читатель прочитал статью и, если ему понравилось, нажал на кнопку.
Чтобы кнопка была в конце статьи нам для начала нужно:
1) Скопировать часть кода, который дает нам Вконтакте от начала до вставьте между тегами своего сайта. Если ваш блог сделан на CMS WordPress, то теги находятся в файле header.php. Вторую часть этого кода вставьте в нужное место своего сайта, там, где вы бы хотели видеть кнопку мне нравится от vkontakte . Опять же, если у вас блог сделан на WordPress, то вставляйте код в файл single.php вашей темы.
Настраиваем кнопку мне нравится от вконтакте.
У кнопки «мне нравится » vkontakte есть ещё несколько интересных параметров настройки, кроме указанных явно в самой форме. Давайте их разберём:
Width — ширина кнопки мне нравится
pageTitle — название страницы (отображается на стене вконтакте)
pageDescription — краткое описание (отображается на стене)
pageImage — адрес миниатюрной картинки (отображается на стене)
text — ваш текст, появится на стене вконтакте (не более 140 символов).
На этом с кнопкой мне нравится от вконтакте я закончу. Ещё пару слов про кнопку facebook , тут всё гораздо проще! Ниже приведён код кнопочки, скачайте его в конце этой статьи, и вставьте себе на страницу, туда, где хотите видеть эту кнопочку.
В коде ничего менять не нужно.
На сегодня всё! Теперь и вы знаете, как установить кнопку мне нравится от vkontakte и facebook на свой сайт или блог. Как настроить кнопку мне нравится от вконтакте . Надеюсь, эта статья была вам полезна. Советую получать новые статьи на e-mail , впереди много новой интересной информации, бесплатных видеокурсов, скриптов и конкурсов моего сайта.
Я отмечал важность SMO (Social Media Optimization) в продвижение сайта. Теперь поговорим непосредственно о том, как сделать социальную оптимизацию на своем сайте, а точнее как добавить социальные кнопки популярных сетей на сайт.
Для начала покажу как это собственно говоря должно выглядеть на сайте. На многих блогах и новостных сайтах внизу после любой статьи можно увидеть нечто подобное:
Это и есть социальные кнопки, благодаря которым достигается SMO , а далее и социальная активность. Эта статья посвящена вопросу где взять код этих соц. кнопок и как правильно установить их к себе на сайте. Рассмотрим для начала установку Google+.
1. Добавляем на сайт кнопку Google+
2. Добавляем на сайт кнопку «Мне нравится» от Вконтакте и Facebook 2.1. Мне нравится от FaceBook
Начнем с получения кода кнопки для 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 . У Вас должна открыться следующая страница:
Сначала нужно будет добавить новый сайт. Для этого выберите из выпадающего меню «сайт/приложение» пункт подключить новый сайт:
После добавления нового сайта сохраните его. Теперь выберите из выпадающего меню нужный сайт. Далее следуют небольшое число параметров: «вариант кнопки», «высота», «название кнопки» — это все настраивается под Ваш вкус. В конце будет код для кнопки:
VK.init (); VK.Widgets.Like («vk_like», ); 3. Добавляем на сайт кнопку tweet
Как и в предыдущих случаях, для начала перейдите в место получения и настройки кнопки.
Источник: ilyarm.ru
«Мне нравится» или «Сохранить» от Вконтакте для вашего сайта
Эта запись написана мною в 2011 году. В те времена деревья были высокими, а доллар стоил меньше 40 рублей. С тех пор прошло много времени и многое изменилось. Учитывайте это, читая.
Установить кнопочку «Мне нравится» можно, зайдя сюда , а установить «Сохранить» можно зайдя
сюда . Всё элементарно просто. Поставил себе виджет «Мне нравится» на страницы постов в блоге, но думаю, что изменю на «Сохранить» — она лучше смотрится.
P.S. Юкоз фактически перестал быть бесплатным после изменения своей рекламы, а точнее введения её для залогиненных пользователей. Без премиума теперь никак. Хоть они и
пишут , что возможно всё изменится, но я не верю
Категория: Разработчику Просмотров: 13337 11 комментариев twitter
Вам будет интересно:
- Обновление блога
- Условные операторы в uCoz
- Релиз PHP и API на uCoz
- Яндекс капча.
- ihc.ru — отличная техническая поддержка у хостинга
Источник: blweb.ru
Вконтакте мне нравится или сохранить
Я люблю делать скриншоты из вебверсии Инстаграм. Удобнее всего для этого сжимать браузер. Для работы с Инстаграмом я использую SMMplanner и Flume — в нём я отвечаю на комментарии и личные сообщения.
2. Пост как часть большой картинки
Подписчики смотрят на фотографии не только в ленте, но и в аккаунтах. Чтобы выделиться среди прочих, некоторые пользователи применяют технику больших картинок. Берут большое изображение, которое нарезается на мелкие. Получается вот такая приколюха, как у Micah404.
3. Ссылки в описании аккаунта
Сейчас скажу банальность, но в публикациях, даже если вы вставите ссылку — она будет не кликабельной. И если ваш пиарщик или маркетолог требует вставлять ссылки, меняйте место работы или пиарщика. Это больные люди, они могут ещё что-нибудь дикое придумать.
Активная ссылка может быть только в описании аккаунта. Ссылка должна вести на адаптивный сайт, люди же будут заходить с мобильников. Желательно, чтобы ссылка сразу вела на посадочную страницу.
Поработайте с вебмастером, пусть он зарегистрирует короткий домен для вашего сайта, и будет настраивать редирект на основной сайт, через короткий домен. Допустим у вас цветочный магазин с адресом cvetoteka.ru, короткий домен cvet.ok. Теперь в Инстаграм можно разместить сокращенную страницу на какой-нибудь букет, например, cvet.ok/rose.
4. Свой список фильтров
Сейчас в Инстаграм свыше 40 фильтров! Я использую 2. Чтобы очистить рабочее пространство, я могу скрыть фильтры, или изменить порядок фильтров на более удобный.
Зажмите фильтр и перетащите его в более удобное место или удалите.
или прокрутите список фильтров до конца, и выберите пункт «Изменить».
5. Интенсивность фильтра
Потрясающие результаты можно получить, если кликнуть на фильтр и изменить интенсивность фильтра. Кроме этого, в этом режиме можно наложить рамку.
6. Редактируйте фотографию
Если вам не нравится ни один фильтр, можете использовать тонкую редактуру. В режиме выбора фильтров нажмите «Изменить».
7. Черновик в Инстаграм
Когда применяете фильтр к изображению, и хотите вернуться назад, Инстаграм предложит сохранить публикацию в черновики. Вечером сделал два черновика, а утром и в обед опубликовал их.
8. Запретите комментарии
Перед публикацией, пролистните вниз и нажмите «Расширенные настройки». Выключите комментарий. Теперь ваша фотография набирает только лайки. Удобно, если на вас постоянно сыпятся спам-комментарии.
9. Мониторьте публикации избранных пользователей
Сначала подпишитесь на нужный аккаунт, затем нажмите на кнопку настроек, и выберите пункт «Включить уведомления о публикациях». Если у вас 2000 — 3000 подписок, такая кнопка поможет не пропустить действительно важные публикации. А ещё, эту функцию можно использовать, чтобы мониторить конкурентов или сторожить их комментарии, угонять лиды.
10. История лайков
Вы всегда можете найти список тех публикаций, которые лайкнули. Я так проверяю качество работы сервиса масслайкинга.
Зайдите в настройки аккаунта, смахните вниз до пункта «Понравившиеся вам публикации».
11. Закладки
Когда я только учился фотографировать, я делал сотни скриншотов, чтобы сохранить впечатляющий кадр. Теперь в Инстаграме есть закладки, и делать скриншоты необязательно.
Люблю сохранять рекламу =)
12. Очистить историю поиска
По умолчанию Инстаграм хранит ваши поисковые запросы. Если вы искали подарок жене, и опасаетесь, что через поиск ваш сюрприз раскроется, можете очистить историю поиска, и никто ничего не найдёт =)
Нажмите на настройки своего аккаунта, и пролистните вниз до пункта «Очистить историю поиска».
13. Активность подписок
С давних времен, можно было узнать, что лайкнули, прокомментировали или на кого подписались ваши подписки. Но мало кто использует это для анализа своей целевой аудитории. Так можно понять — что нравится ЦА, что сейчас в тренде и адаптировать свой контент-план.
Во вкладке уведомлений нажмите на «Подписки» и анализируйте деятельность подписок. Так можно найти подписки, которые пользуются массфоловингом.
14. Мультиакк
Это самое любимое обновление Инстаграма за 2016. Теперь я могу одновременно сидеть и мониторить уведомления, комментарии и сообщения с пяти аккаунтов. К сожалению, когда у вас подключено пять аккаунтов, приложение иногда глючит и сбрасывает пароль у аккаунта или в одном аккаунте отображает личные сообщения и уведомления другого.
В настройках аккаунта найдите пункт «Добавить аккаунт», введите логин и пароль от нового аккаунта, и переключайтесь между аккаунта нажатием иконки аватарки в нижнем правом углу приложения.
15. Делитесь ссылкой на интересную публикацию с друзьями
Можно скопировать прямую ссылку, а можно сразу отправить другу ссылку в Вотсап.
16. Предпросмотр фотографии
Когда вы смотрите чей-то аккаунт, долгое нажатие на публикацию вызывает режим «предпросмотр».
17. Увеличение фотографии
Раньше нельзя было рассмотреть мелкие детали на экране? Раздвиньте публикацию двумя пальцами.
18. Сохранять фотографии
Иногда требуется быстро достать фотографию, которую недавно опубликовал в Инстаграм. Включите настройку «Сохранять фотографии» и «Сохранять видео» в настройках аккаунта.
19. Сохранять чужие фотографии
Сммщики должны использовать пользовательский контент, для повышения репутации своего бренда. Есть три способа как использовать фотографию подписчика.
- Приложение репост.
- Вставьте ссылку на публикацию в Телеграм, и вы сможете скачать картинку.
- Скачать картинку через код страницы. Кликните правой кнопкой мыши на странице с публикацией → выберите пункт «Посмотреть код страницы» → нажмите клавиши «Ctrl+F» → начните вводить «jpg» → скопируйте первую строчу, которая подсветится. Это будет прямая ссылка на изображение в высоком качестве.
20. Более одного фильтра на фотографию
Иногда, нужный визуальный эффект можно получить, только если применить несколько фильтров. Для этого примените сначала один из фильтров. Затем включите режим «Самолет» и опубликуйте фотографию. Опубликовать не удастся, зато в галерее сохранится нужная фотографию, к ней нужно применить новый фильтр.
21. Бизнес-аккаунт
Бизнес-аккаунты в Инстаграм ввели недавно, не все ещё привыкли к ним, но уже есть разные мифы:
- Снижается охват публикаций.
- Снижается вероятность попадания в Топ по гео и хештегу.
- Люди боятся бизнес-аккаунтов и уходят от них на нормальные аккаунты.
Ничто из перечисленного не доказано. Зато у бизнес-аккаунта есть замечательные возможности, специальная кнопка для связи, статистика и возможность запустить рекламу прямо из приложения.
Переводить обычный аккаунт в бизнес-аккаунт или нет, должен решить сммщик, я сделал свой выбор.
22. Чистите спам комментарии
Количество комментариев повышает ER и гипотетически, это хорошо для аккаунта в эпоху алгоритмических лент. Только спамные комментарии с предложением о работе могут портить все впечатление об аккаунте. Такие комментарии лучше удалять.
Вы можете удалить любой комментарий к любой публикации. Не рекомендую удалять негатив. Правильно обработанный негативный комментарий, продаёт как 4-5 хороших отзывов.
23. Автоматически контролируйте комментарии
Если вас достали фейковые аккаунты, которые спамят у вас в аккаунте, или вы не допускаете, чтобы в вашем аккаунте матерились, вы можете настроить автоматическую проверку комментариев по ключам.
Каждый раз когда на меня валит поток спам-комментариев, я выбираю ключевые слова и заношу их в список запрещенных комментариев.
24. Удалять или скрывать отметки на фотографиях
Иногда нужно убрать некоторые фотографии из «фото с собой», особенно это актуально для крупных брендов, которых постоянно отмечают на фотографиях.
Заходим в «Фото со мной» → выбираем неугодную фотографию → кликаем на метку → «Убрать метку» вы снимаете метку с фотографии, если сдвинуть ползунок, фотография не будет отображаться в «Фото со мной» но метка останется.
25. Абзацы или как сделать отступы в текстах
Все что вы напишете в Инстаграм, может быть склеено против вас! Поэтому вместо читаемого текста, вы можете получить простыню букв.
Чтобы такого не происходило, после точки, не должно быть никакого знака. Смайлики, пробелы, буквы, тире, скобки — это знаки. Помогает составлять текст в заметках или блокноте, а потом его вставлять в Инстаграм. Но проще и быстрее пользоваться нашим сервисом. Он не сбивает строки, и абзацы не сползают.
26. Видео с разными сценами
Вы можете создавать настоящие скетчи и осмысленные видеоролики, пользуясь только приложением «видеокамера» внутри Инстаграм. Это не так профессионально как пригласить видеоператора и за полгода снять ролик, зато быстро.
Зажали клавишу съемки засняли нужную сцену отжали клавишу. Можно продолжить снимать дальше.
27. Видео без звука
По умолчанию видео в Инстаграм транслируется без звука. Если вы снимали в природных условиях, где было много лишнего шума, лучше звук отключить.
Перед тем как опубликовать видео, зажмите клавишу звука.
28. Изменить обложку видео
Нажмите на незаметную клавишу «Обложка» в режиме выбора фильтров, и выберите подходящую обложку для видео. В SMMplanner можно загрузить свою обложку для видео.
29. Подбор хештегов
Пока существует миф, что хештеги помогают продвигать бренд, будет актуальны любые инструменты для поиска и подбора хештегов. В поиске Инстаграм введите один хештег, и Инстаграм сам предложит другие, с которыми этот хештег часто используется.
30. Фотографии из архивов в Инстаграм-истории
Инстаграм-истории задумывались как альтернатива снепчату, чтобы в Инстаграм можно было загружать только мобильный контент здесь и сейчас. К счастью, можно загрузить в телефон классные фотографии, и потом использовать их в историях.
Чтобы это сделать, возьмите старую фотографию и отредактируйте её в любом графическом редакторе. После этого у фотографии обновится дата создания.
Зайдите в истории, и смахните экран снизу вверх, появятся фотографии и видео, сделанные за 24 часа.
31. Встроенный Бумеранг
Бумеранг — это приложение, которое помогает создавать зацикленные гифки. В одном из недавних обновлений Инстаграм, разработчики встроили бумеранг в истории. Теперь можно удалить Бумеранг из телефона, и пользоваться Инстаграмом.
Зашли в истории, и выбрали кнопку Boomerang.
32. Истории для избранных
Опубликуйте Инстаграм-истории для избранных.
Нажмите на стрелку далее, и выберите тех кому покажете историю.
33. Скрыть истории от избранных
Вы можете не только показывать истории только избранным аккаунтам, но и скрывать их от других любопытных глаз. Для этого надо зайти в настройки аккаунта и в настройки историй, в настройках историй выбрать тех людей, которым не надо показывать истории.
34. Дополнительные цвета в историях
Выберите текст или кисть. Внизу экрана появится палитра. Зажав один из цветов, откроется расширенная панель палитры.
35. Сколько угодно стикеров и текста в Инстаграм историях
Нажмите клавишу стикера, или текста. Вставили, увеличили размер, поменяли положение, и снова нажмите клавишу стикера или текста. Так можно строить различные чудесные конструкции.
36. Метки в Инстаграм историях
Крутейшее обновление историй, это ссылки на активные аккаунты в Инстаграм-история. Вы можете составить последовательность из слайдов и на финальный слайд поставить призыв к действию и указать целевой аккаунт.
37. Сохраняйте истории в галерее
Если использовать бумеранги, потом стикеры, потом кисточки — может получиться классная история, которую захочется сохранить на телефон.
38. Пропускайте скучные и неинтересные истории
Если вы попали на линию из 25 фоток одинакового, смело пропускайте. Двойной клик на истории пропустит одну сцену из истории аккаунта, а смахивание перенесет вас к следующей истории.