Выбор читателей
Популярные статьи
Приветики! =) Этот пост я решил посветить обзору плагинов социальных кнопок их на самом деле очень много и когда появляется желание поставить себе на сайт не важно кнопки со счетчиками, просто иконки с ссылками взрывается мозг от разнообразия.
Обо всем по порядку. Социальные кнопки это кнопки по нажатию которых появляется специальное окно с возможностью сделать репост в той или иной соц сети, чтобы ваши друзья тоже могли его прочитать. Благодаря таким кнопкам посещаемость сайта буквально за минуты может увеличиться в разы, стоит какой-нибудь известной личности сделать репост или ретвит на вашу статью и счетчик посещаемости начнет неуклонно расти.
Чтобы кто-либо сделал репост вашей статьи, она должна быть интересной!!!
На этом закончим отступление и поговорим о самих плагинах.
Начну с довольна известного сервиса Pluso или по другому русский аналог . Ребята захотели сделать ахрененные кнопки по которым будут кликать и у них это получилось.
Для начала немного критики, на самом деле сервис классный итп, но вот плагин для WordPress оставляет желать лучшего. И еще некоторые любители оптимизации сайтов, считают что он дергает много скриптов, что в свою очередь может пагубно влиять на скорость загрузки сайта. На самом деле не так-то много (в пределах разумного) и вирусов в нем нет ! Они хотят сделать платную версию с функцией сбора данных с соц сетей по этому пугаться то что они в тихую, что-то делают не надо.
А теперь о том как быстро добавить к себе на сайт такие кнопочки.
Первым делом вам придется зайти на их сайт на нем вы можете выбрать какие кнопки и как вам надо отображать, в какой последовательности, чуть ниже появится код, который надо скопировать.
Дальше для тех кто использует движок WordPress есть специальный плагин, WordPress Pluso , устанавливаем его и скопированный код вставляем как на примере ниже.
Дальнейшую настройку плагина я рассказывать не буду у нас ведь обзор не одного плагина, а множества. Добавлю лишь что в настройках вы можете выбрать положение кнопок и еще там есть отображение по рубрикам, то есть можно сделать так, чтобы кнопки отображались только в одном или нескольких постах какие вы укажите.
Но есть маленький недочет если статья используется во многих рубриках то кнопки будут отображаться несколько раз, поэтому на деле советую не использовать плагин , а вставлять скрипт прямо в код страницы single.php (WordPress)
Когда в админке Wordpess во вкладке насройки, вы свяжете свой аккаунт с сайтом должна появиться такая картинка
Переходим по ней и выбираем нужное нам отображение кнопок. Сайт на английском, но интуитивно все понятно. Если выбираем режим сайт в MyProfile то при выборе вида отображения кнопок
нам будет отображаться код для кнопок как на примере ниже вставляем код в указанные блоки и жмем Activate
Если выбрали режим Worpress, указали ваш сайт, а на сайте установили плагин, то все будет подключаться автоматически У них там много платных версий, но есть и бесплатные. Конечно к сайту добавляются очередные джава скрипты, которые не мало весят, но тут как говориться выбор за вами. Есть возможность анализа. На мой взгляд немного замудренно и по сравнению с Pluso смотриться не так красиво , но если использовать с умом то можно вынести и пользу.
Генерируете код и вставляете куда хотите. Преимущество плагина
Из недостатков
Следующим пожалуй очень классным плагином будет , если вы активный пользователь интернета, то явно с ним встречались.
Что больше всего меня поразило, все абсолютно бесплатно! Это просто супер!!!
Для тех кто хочет использовать такие кнопки на обычных сайтах . Добавить сайт не забудьте! =)
Следующим в моем рейтинге расскажу о share42 так же не плохой сервис, вместо плагина мы будем вставлять просто код, в файл single.php в конец или в начало записи выбирайте сами =)
В принцепи сложности в установки на сайт с помощью внедрения кода в файл не будет, а если будут пишите! =)
У него конечно не такой большой выбор кнопок и параметров, но с простой задачей он справляется на ура. Кому-то он очень нравится именно своей простотой. Когда будите пользоваться не забудьте везде где надо галочки поставить !
И последним плагином который я сегодня рассмотрю будет еще один простой и замечательный плагин Social Likes напоминает предыдущий. С его настройками проблем не должно возникнуть.
Хотел так же рассмотреть сервис одна кнопка , но в связи с тем что у него в джава скрипте нашли вредоносный код не буду. Яндекс наказывал всех блогеров за использование ее…, так как пользователи смартфонов заходившие к ним на сайт были в опасности вируса…., но это тема для отдельного поста.
Если вы не гонитесь за красотой, вам важна скорость загрузки страницы и простота использования, то в вашем случае лучшими вариантами будут Social Likes , Social Share Button , если гонитесь за красотой при этом скорость загрузки и простота использования Вас не так сильно интересует, то выбирайте WordPress Pluso или любые другие плагины кнопки которых вам понравятся больше.
Есть блогеры которые не любят использовать плагины или подключать отдельные скрипты для них эта часть статьи будет полезной, впрочем остальным кто будет вставлять код вручную, она пригодится тоже.
Нам понадобиться файл для полной статьи обычно это single.php
Следующим шагом находим строчку похожую на
После нее вставляем (либо в другое место какое хотите)
< div class = "share" > < div class = "twitter" > < a href = "http://twitter.com/intent/tweet?text=http://сайт/" title = "Опубликовать ссылку в Twitter" target = "_blank" > < / a > < / div > < div class = "vkontakte" > < / div > < div class = "facebook" > < a href = "https://www.facebook.com/sharer/sharer.php?u=http://сайт/" title = "Опубликовать ссылку в Facebook" onclick = "window.open(this.href, "Опубликовать ссылку в Facebook", "width=640,height=436,toolbar=0,status=0"); return false" > < / a > < / div > < div class = "googleplus" > < a href = "https://plus.google.com/share?url=http://сайт/" title = "Опубликовать ссылку в Google Plus" onclick = "window.open(this.href, "Опубликовать ссылку в Google Plus", "width=800,height=300"); return false" > < / a > < / div > < / div > |
Share { float: left; overflow: hidden; margin-left: 19px; width: 500px; height: 45px; } .twitter { float: left; margin-right: 5px; padding: 5px 0; } .twitter a { display: block; width: 32px; height: 32px; background: url("http://share42.com/icons/32x32/twitter.png") no-repeat; /*адрес до иконки*/ } .vkontakte { float: left; margin-right: 5px; padding: 5px 0; } .vkontakte a { display: block; width: 32px; height: 32px; background: url("http://share42.com/icons/32x32/vkontakte.png") no-repeat; } .facebook { float: left; margin-right: 5px; padding: 5px 0; } .facebook a { display: block; width: 32px; height: 32px; background: url("http://share42.com/icons/32x32/facebook.png") no-repeat; } .googleplus { float: left; padding: 5px 0; margin-right: 0; } .googleplus a { display: block; width: 32px; height: 32px; background: url("http://share42.com/icons/32x32/google-plus.png") no-repeat; }
Share { float : left ; overflow : hidden ; margin - left : 19px ; width : 500px ; height : 45px ; Twitter { float : left ; margin - right : 5px ; padding : 5px 0 ; Twitter a { display : block ; width : 32px ; height : 32px ; background : url ("http://share42.com/icons/32x32/twitter.png" ) no - repeat ; /*адрес до иконки*/ Vkontakte { |
Можно даже сказать, что трафик из соц. сетей значительно качественней и безопасней, чем поисковой. Но, чтобы его привлечь, нужно дать пользователям сайта удобные способы взаимодействия через социальные сети.
Самый простой способ добавить кнопки соц. сетей на свой сайт под управлением WordPress – это установить специальный плагин и разместить соответствующий виджет. Универсальный плагин, способный выполнять как обычные функции (лайк, репост), так и дополнительные (голосование, замок на контент), к сожалению отсутствует. Но, эту проблему можно решить установкой нескольких.
Для них существуют различные плагины, встраивающие виджет соц. сети на сайт, одним из которых является Easy Social Share Buttons. Это легкий и быстрый плагин, позволяющий разместить кнопки более 40 социальных сетей, таких как Facebook, Twitter, Вконтакте, Google+, и другие.
Обладает огромным количеством полезных функций, среди которых:
В Easy Social Share Buttons достаточно много настроек, которые по началу могут запутать. Чтобы этого не произошло, разработчики предусмотрели мастер настройки Quick Setup, который поэтапно проходит все основные опции, позволяя создать виджет готовых кнопок на WordPress сайт.
После окончания всех этапов мастера настройки, ваш сайт на WordPress приобретет удобный и привлекательный способ для взаимодействия с пользователями в социальных сетях, который позволит им делиться контентом с друзьями, тем самым создавая условия для входа на сайт новых посетителей.
Добавив какое-нибудь провокационное соц. голосование на сайт, можно привлечь внимание большого количества посетителей. Это очень эффективный способ генерации трафика, поэтому не стоит его игнорировать.
Правда, с этим у WordPress все не так радужно, поскольку плагины реализующие данную возможность практически отсутствуют. Их всего несколько, наиболее функциональный – WP Social Votes. Этот плагин позволяет принимать участие в голосованиях через 5 соц. сетей, таких как Facebook, Вконтакте, Одноклассники, и другие.
В WP Social Votes можно вывести голосование в любой виджет, статью или страницу, через шоркткод . Он автоматически изменяет размер изображений, добавленных в виджет, а также позволяет сделать это вручную. Плагин практически не имеет настроек, но альтернативы для Российских соцсетей нет.
Есть разные плагины, с помощью которых можно добавить замок к содержимому на WordPress, но большинство из них работает только с Facebook и Twitter. Поддержка Российских социальных сетей (Вконтакте и Одноклассники) есть только в Sociallocker (Социальный замок).
Создать замок здесь достаточно просто, это происходит по аналогии с публикацией новой статьи в WordPress. Вам открывается такой же редактор текста, только с дополнительными опциями от Sociallocker. В нем нужно будет ввести описание для скрытого блока, его заголовок, визуальное оформление. Кроме того, можно убрать замок для зарегистрированных пользователей, а также задать время до автоматического открытия.
Далее, понадобиться выбрать какие социальные сети вы хотите использовать, чтобы открывать замок, а также заполнить дополнительную информацию о них. После завершения настройки появится шорткод, которым можно добавить замок на любую статью, страницу, или виджет WordPress.
У Sociallocker есть бесплатная версия, созданная для тестирования. Она обладает всеми основными функциями и может использоваться неограниченное количество времени. Некоторыми описанными возможностями оснащена только платная версия.
В качестве дополнения, существует еще один эффективный способ привлечения соц. трафика – это кросспостинг, так называемая ретрансляция публикуемого на сайт контента в популярные сообщества. Кросспостинг позволяет получить ссылки с авторитетных рессурсов, а также запустить вирусное распространение материалов с вашего сайта.
Чтобы автоматизировать кросспостинг в рамках сайта под управлением WordPress, можно использовать плагин NextScripts: Social Networks Auto-Poster (сокращенно SNAP). Он поддерживает автопостинг в большинство популярных соцсетей, таких как:
Facebook использует специальный протокол для проверки авторизации (OAuth 2.0), поэтому, чтобы настроить автоматический кросспостинг, понадобиться создать приложение, подключить его на сайт, разрешить ему доступ.
Когда приложение создано, можно подключать в SNAP аккаунт Facebook, на который будет вестись автопостинг, нажав «Add new account». При добавлении понадобиться указать URL страницы на Фейсбук, а также вставить «App ID» и «App Secret» скопированные при создании приложения.
Вконтакте также использует протокол OAuth для входа, поэтому, тоже требует создания приложения, чтобы автопостинг работал.
Подключение происходит точно также, как и предыдущее. В SNAP добавляется новый аккаунт Вконтакте, заполняется адрес страницы, на которую пойдет автопостинг, вставляется ID приложения.
Авторизация в Вконтакте имеет некоторые отличия, после нажатия «Update Settings» и «Authorize Your vKontakte Account» появится строка с длинным URL адресом, которую необходимо скопировать в «vKontakte(VK) Auth Response». Автопостинг статей сайта на ВордПресс в Вконтакте с помощью SNAP готов.
Применяя на своем ресурсе эти эффективные способы привлечения трафика из соц. сетей можно очень быстро раскрутить свой проект. Кроме того, это определенно поднимет авторитет сайта в глазах поисковых систем, что увеличит трафик и с них. Таким образом, соц. сети становится одной из самых важных вещей в увеличении посещаемости любого ресурса. Этот факт невозможно игнорировать, если хочется добиться каких-то больших успехов.
Приветствую Вас на сайт в Новом 2012 году! Пора включаться в работу и первый пост этого года будет посвящен плагину WordPress Social Media Widget для приглашения друзей в социальных сетях. С его помощью мы выведем с помощью виджета в сайдбар социальные кнопки популярных сервисов. Нажав на иконку любой из соц.сетей, читатель попадает в Ваш аккаунт, где легко может добавить Вас в друзья. А чем больше у Вас друзей, тем больше может быть трафик с Twitter, Facebook, Google+, YouTube, Вконтакте и т.д.
Подобной функцией обладает плагин социальных кнопок WP Social Buttons , который можно использовать, как для добавления поста в соц.сервисы, так и для приглашения стать Вашим другом. В данный момент, кстати, этот социальный плагин WordPress установлен у меня на блоге. В конце каждой статьи он выводит вот такой блок кнопок:
Зачем мне тогда Social Media Widget? Дело в том, что я давно уже хочу сменить плагин WP Social Buttons, на что-нибудь более симпатичное и функциональное. В нем, например, нет кнопки , которая сейчас очень популярна из-за повышенного внимания к поведенческим факторам. Да и дизайн мне не особо нравится.
Но ни один из этих вариантов не имеет социальных кнопок для приглашения друзей. Я считаю, что у Ваших читателей должна быть такая возможность. Ведь если Ваш блог будет интересен для посетителей, то они, несомненно, захотят узнать Вас поближе и будут чаще возвращаться на Ваш блог.
Чтобы не выводить блок соц.кнопок для добавления в друзья в конце каждой статьи, я решил, что удобнее разместить его в сайдбаре и использовать для этого плагин, а не заморачиваться с кодами.
Сначала я хотел использовать аналогичный плагин Social Profile Widget , но совершенно случайно, когда уже хотел установить его, воспользовавшись поиском в админке WordPress, увидел Social Media Widget. Сравнив возможности обоих социальных плагинов, предпочтение отдал последнему.
А теперь, так как праздники в самом разгаре, предлагаю расслабиться и посмотреть это новогоднее видео:
Социальные сети отличный инструмент для продвижения своего сайта в интернете. Через соц сети можно настроить колоссальный трафик к своему ресурсу совершенно бесплатно используя распространенный подход - кнопки соц сетей. Кнопки социальных сетей на сайте могут значительно улучшить не только посещаемость, но и взаимоотношения с поисковиками, а соответственно снова же увеличить трафик посетителей.
В этой статье я собрал все возможные способы подключения кнопок социальных сетей для сайта, если вы не найдете нужный именно вам, тогда напишите в комментариях, обязательно добавлю. О каких методах будет рассказано:
Для начала небольшой экскурс в тему, что такое и для чего нужны эти самые кнопки соц сетей для сайта.
Прекрасное видео от сервиса Pluso поможет вам легко выбрать, настроить и внедрить кнопки абсолютно на любой сайт:
На данный момент социальные сети занимают огромную роль в жизни среднестатистического человека. Практически у каждого второго есть хотя бы один профиль в социалках. По этой причине использование возможностей продвижение сайтов в социальных сетях так актуальны, это огромный мир пользователей и покупателей.
Я думаю раз вы читаете это статью, тогда вам известны примерное или точное предназначение кнопок расшаривания на сайте, а значит что мы можем переходить к основной части статьи, а именно добавлением иконок.
Популярный русскоязычный поисковик предоставляет отличную возможность кнопки социальных сетей на сайт от Яндекса . Тут все до боли просто:
Теперь несколько картинок для лучшего понимания, выбираем какие сайты будем использовать:
Подбираем внешний вид, кнопки со счетчиком или без, маленькие или крупные и копируем код для вставки на сайт:
Все предельно просто, это даже проще чем использовать плагины, ну по крайней мере мне так кажется.
Не буду проводить обзор всех возможных сервисов, их суть одна и та же:
Теперь список сервисов:
Настройки практически идентичны, можете выбрать более понятные для вас или более широкий функционал. Пример первого сервиса:
Не буду долго описывать, незачем, все интуитивно понятно.
Обычно кнопки-ссылки расположены под статьями или же на боковых сайд барах. Что бы расположить кнопки социальных сетей на ваш сайт нам потребуется провести установку и настройку требуемого плагина, или же внедрить код непосредственно в шаблон. Сперва рассмотрим плагины, а уж затем ручное добавление кнопок. Как устанавливать плагины можно прочитать .
Для данного случая мы выбрали два удобных плагина, которые именуются как Social Share Buttons и Jetpack.
Первым более продвинутым плагином для добавления кнопок социальных сетей на ваш сайт WordPress является Jetpack.
Данный плагин создан и обслуживается разработчиками WordPress, по этому и доверия к нему больше чем к остальным.
Затем нажимаем «Настроить» и нас перекидывает в меню настроек социальных сетей.
В данном блоке мы выбираем нужные нам кнопки для социальных сетей.
Что бы выбрать нужные нам нужно просто перетащить кнопки социальных сетей с верхнего поля в нижнее, ниже мы увидим визуальное отображение иконок.
В следующем меню мы настраиваем стиль кнопки и места их вывода на нашем сайте.
После того как мы настроили то что нам нужно, нажимаем «Сохранить изменения» и наши кнопки социальных сетей появятся под нашими записями на сайте.
Итак, не будем ходить вокруг да около, а перейдем сразу же к установке кнопок социальных сетей . Заходим с в меню настройки и добавления плагинов. Через поиск находим предложенный нами Social Share Buttons for WordPress.
Установив и активировав плагин для добавления иконок социальных сетей , заходим в появившееся новое меню с консоли нашего WordPress - Share Buttons.
Как видим, меню наше делиться на три подменю, рассмотрим и разберем каждый из них по отдельности:
Что мы можем тут настроить?
И чекбоксы выбора где отображаются ваши кнопки, с позиции «На главную» убрана галочка потому что нам не нужны кнопки под каждым анонсом статей на главной странице, так же можно исключить статьи на которых не будут отображаться иконки кнопок.
В этом цикле настроек кнопок для взаимодействия с социальными сетями на сайте WordPress нужно разбираться с каждой кнопкой отдельно, если вам будет это интересно и нужно вы сами разберетесь что к чему.
После того как все настройки были сделаны, мы сможем убедиться в их полезности и функциональности уже на вашем сайте WordPress.
Какой из плагинов использовать выбирать вам, но я рекомендую Jetpack, он часто обновляется и более быстрый в работе.
Твиттер так же предоставляет широкие настройки для кнопок. Ссылка , скрин ниже:
Не многие используют, но может пригодиться и кнопка от мейл ру.
Похоже на Однокласники, с чего бы это 😆 .
Сейчас я покажу небольшой пример того, как можно добавить иконки на профили в социальных сетях на сайт. Этот способ подойдет не только для WordPress, а и для любого другого сайта.
Итак, что нам нужно:
Первым делом покажу небольшой код, для 2-х соц сетей, VK и G+, а так же иконку ленты FeedBurner. По аналогии вы можете добавить сколько угодно иконок.
< div class = "head-icon" > < a href = "http://feeds.feedburner.com/yrokiwp" > < img title = "Подписка RSS" alt = "Подписка RSS" src = "//feedburner.google.com/fb/images/pub/feed-icon32x32.png" / > < / a > < / div > < div class = "head-icon" > < img title = "Группа Вконтакте" alt = "Группа Вконтакте" src = " /images/vk.png" / > < / a > < / div > |
Сервисом - UpToLike.ru и покажу, как установить социальные кнопки на сайт WordPress без плагина . Кнопки социальных сетей на вашем сайте - это возможность значительно увеличить число посетителей блога за счет тех пользователей, которые приходят к вам из социальных сетей. Тем самым они помогают улучшить поведенческие на своем веб-ресурсе. А так же, практика показывает, что увеличение уникальных пользователей проекта, может доходить до 30 и выше процентов.
Главная задача бесплатного сервиса социальной активностиUpToLike - дать вам возможность максимально просто и быстро установить на своем сайте, блоге не просто кнопки социальных сетей, а модули, которые бы побуждали пользователей вашего ресурса оценивать (Like) и делиться с другими (Share) интересной информацией, которую они увидели.
UpToLike ломает рамки и отправляет в прошлое вульгарный шаринг страниц целиком, они дают пользователям возможность акцентировать внимание, делиться лишь тем, что им нравится! Теперь посетители вашего блога, сайта получают возможность выделить часть интересного текста на странице и расшарить в социальных сетях только его! По традиции сервис позаботился не только о пользователях вашего блога, но и о его владельце! Подключение модуля "Цитирование" производится всего лишь в один клик на этапе конструирования социальных кнопок! При разработке , ни одного шаринга страниц целиком не пострадало! UpToLike оставил эту возможность для всех.
Сервис предлагает вашему вниманию не только блоки социальных кнопок Share , Llke , Follow , но и модуль - Опросы ! Теперь Вы владеете неприлично простым и удобным функционалом для создания опросов на вашем блоге! Помимо интуитивно понятного и легкого конструирования модулей UpToLike, в личном кабинете Вы всегда сможете получить развернутую статистику по каждому опросу! Все опросы в одном интерфейсе, результаты, количество проголосовавших и многое другое в Вашем личном кабинете! Сложные вещи? Просто!
Сервис UpToLike
Для того, чтобы разместить социальные кнопки UpToLike и дать возможность вашим посетителям быстро делиться интересными страницами в своих аккаунтах социальных сетей, вам необходимо перейти на сайт http://uptolike.ru/ и воспользоваться конструктором кнопок и выполнить ряд операций. Выберите тип кнопок "Share или Like", вид ориентации кнопок (горизонтальная или вертикальная). Затем,установите галочку в поле "Общий счетчик" в случае, если вы хотите, чтобы пользователи видели количество лайков:
Основные настройки кнопок
Измените при помощи «расширенных настроек» размер и цвета кнопок для создания собственного уникального стиля:
Или так, вертикально:
Кликните на кнопку Получить код после того, как вы закончили с настройками. Далее, введите действующий e-mail и адрес сайта в открывшееся окошко. Нажмите получить код:
Полученный код необходимо вставить в том месте шаблона вашего сайта, где вы хотите увидеть блок кнопок. Горизонтальные социальные кнопки обычно ставят после сообщения или над статьей. Зайдите в админпанель - Внешний вид - Редактор. Открываем файл "Одна запись" (single.php) и находим строчку . Найти код можно при помощи сочетаний клавиш (Ctrl + F). Если хотите, чтобы кнопки отображались в начале поста, тогда вставляйте скопированный код чуть выше найденной строчки. Если после сообщений, как у меня чуть ниже. Сохраните изменения в файле и готово.
Теперь можно добавить надпись перед блоком соцкнопок и задать цвет для неё. Делаем так - перед скриптом добавляем строчку:
Где: h3 - размер надписи; center - выравнивание надписи по центру, можете использовать right (право) или left (слева); color: #085E0F - цвет надписи.
И естественно сама надпись которую Вы можете заменить на другую. Если кнопки слишком плотно прижаты к статье, их можно отодвинуть тэгами
. Сама конструкция должна теперь выглядеть так:
В личном кабинете для вас будет доступна вся статистика по социальным действиям на вашем блоге. На этом я с вами прощаюсь. Удачи.
(function(w, d, n, s, t) { w[n] = w[n] || ; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-292864-4", renderTo: "yandex_rtb_R-A-292864-4", async: true }); }); t = d.getElementsByTagName("script"); s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks");Статьи по теме: | |
Как настроить выключение компьютера?
На дворе 21-й век и сейчас мало кто выключает компьютер перед тем как... Как сохранить набранный текст
Большинство знакомых мне интернет-маркетологов неохотно пишут тексты. Их... Юань стал новой резервной валютой мвф
С 1 октября 2016 года в мире начали официально действовать уже не... |