Как автоматически публиковать свои новые посты в социальных сетях в WordPress. Wordpress виджет социальных сетей
Виджеты социальных сетей для WordPress. Часть 1
Давно я ничего не писал про WordPress. Сегодня поговорим о виджетах социальных сетей.
man sitting at the table with laptop
В первом посте рассмотрим самые популярные социальные сети: FB, VK, G+ и OK.
Для виджетов Facebook есть множество расширений, но я за добавление кодом, так как в этом случае у вас есть гораздо больше возможностей настройки. Создать его можно с помощью официального сервиса Page Plugin. Заходим на страницу и заполняем параметры виджета.
- URL-адрес Страницы Facebook – адрес страницы, для которой вы создаете виджет.
- Ширина – ширина модуля в пикселях. Надо будет смотреть по ширине сайдбара вашего сайта.
- Вкладки – определяет, следует ли отображать поток «Последние сообщения» со стены страницы, либо события или сообщения. Оставить пустым, если ничего не нужно отображать.
- Высота – высота модуля в пикселях. Подбирайте по своему желанию и месту установки.
- Использовать маленький заголовок – определяет, какова будет верхняя часть виджета.
- Скрыть фото профиля – определяет, показывать или скрывать обложку страницы.
- Адаптировать под ширину контейнера плагина – нужно поставить галочку, тогда виджет должен адаптироваться к ширине контейнера.
- Показывать лица друзей – определяет, следует ли отображать фотографии друзей в модуле.
Нажимаем «Получить код».
Код состоит из двух частей.
Копируем и вставляем последовательно обе части кода в виджет. Готово.
У VK есть свой сервис Виджет для сообществ. Настройки элементарные: вид, ширина и цвет элементов. И не забудьте посмотреть другие виджеты VK, там много интересного.
Для получения кода для виджета G+ воспользуемся сервисом Google+ Badge. Авторизируемся через аккаунт Google, выбираем настройки и получаем код. Всё просто.
Для Одноклассников похожая история, только настроек меньше. Заходим в сервис Виджет группы, заполняем ID группы и выбираем высоты и ширину. ID группы можно найти в настройках своего сообщества в ОК.
Во второй части я рассмотрю установку виджета твиттера и другие социальные сети. Спасибо за внимание.
Спасибо за то, что читаете! Подписывайтесь на меня в социальных сетях Facebook, Twitter, VK, OK и мессенджерах Telegram и TamTam!
Читайте анонсы и посты целиком в ЖЖ, Medium, Голосе и Яндекс.Дзен!
Поддержите мой блог финансово. Все донаты пойдут на оплату хостинга и развитие сайта!
Читайте также
Поделиться ссылкой:
Понравилось это:
Нравится Загрузка...
levashove.ru
Все виджеты социальных сетей в одном. Экономия места
Приветствую вас на блоге vitalykalinin.ru. Все мы, занимаясь своим проектом, хотим как можно быстрее и максимально полно донести информацию до наших читателей. Поэтому стараемся разместить всё это там, где это будет всегда на глазах – в сайдбаре. И поэтому, там постоянно не хватает места. А нам ещё нужно и виджеты всех социалок туда поместить. Вот для этого и нужно воспользоваться сервисом Социальная карусель – все виджеты социальных сетей в одном. Обо всех его преимуществах и особенностях настройки и поговорим ниже.
Часто мы сталкиваемся с проблемой размещения различных рекламных баннеров, партнёрской информации, своей подписки, своих инфопродуктов, информации о рубриках, статьях и комментариях на блоге. И, конечно же, размещения, так популярных сейчас, виджетов социалок. И всю эту лавину информации необходимо разместить на видном месте. И чаща всего этим местом становиться именно сайдбар.
Классически, все используют двухколоночные шаблоны (поле и сайдбар с правой стороны). Увеличение количества колонок я считаю не совсем правильным, потому что это сильно загромождает пространство и негативно влияет на поведенческие факторы посетителей.
Кстати, в заголовке указано Часть 1, потому, что это первый пост из серии об экономии места в сайдбаре. В следующих постах рассмотрю использование функции ротации баннеров и использование табов для улучшения юзабилити сайта. Поэтому подписывайтесь на обновления блога.
Нет необходимости доказывать, что участие и продвижение своего бренда в социальных сетях имеет сейчас очень большое значение. Поэтому крайне важно, чтобы они были представлены на сайте. И поэтому я задался вопросом, как же реализовать совмещение всех виджетов социалок в одном месте. И о чудо, я наткнулся на решение этого вопроса. Встречайте…
Социальная карусель – все виджеты социальных сетей в одном “флаконе”. Экономим место в сайдбаре
Это бесплатный сервис, благодаря которому есть возможность существенно сэкономить место в сайдбаре нашего проекта. Хочу отметить, что этот сервис даёт возможность размещения виджета не только на движке WordPress, но и на рукописных сайтах путём вставки html-кода. Все виджеты таких популярных сетей как: ВКонтакте, Facebook, Google+, YouTube и Twitter – реализованы в одном виджете в виде табов. Визуально это выглядит так:
Давайте же приступим к ознакомлению. Сервис виджета находиться ЗДЕСЬ.
Много о настройках говорить не буду, его разработчик позаботился о качественном разъяснении того, как его нужно настраивать. Инструкция представлена видеороликами, где достаточно подробно нас знакомят с особенностями его установки на сайт. Особенности есть, но они не критичные и решаются достаточно легко. Самое главное, что править код вам практически не придётся. Сервис всё сделает за вас.
Проходим стандартную процедуру регистрации. Заходим на сервис. Нажимаем – Мои виджеты (пункт 1), затем – Создать новый виджет (пункт 2). Заполняем поле, как он будет называться и вносим адрес нашего сайта (пункт 3). Сохряняем (пункт 4).
Попадаем в следующую вкладку, где уже проходит непосредственно конструирование. Нашему виджету присваивается идентификационный номер. Если вы планируете устанавливать его через плагин WordPress, то нужно выставить галочку в этом поле (пункт 1). Проставляем необходимые нам размеры и ставим автопереключение его вкладок (они будут поочерёдно пролистываться через заданный интервал времени) (пункт 2). В форме виджета, снизу, будет ссылка на разработчика и нам предлагают за деньги её убрать (пункт 3).
Приступаем непосредственно к самим социальным сетям. Стрелками можно задавать очередность нахождения вкладок (пункт 4). Нажимаем на красную кнопку, чтобы перейти к настройке самих социальных сетей (пункт 5). Вы можете сами выбрать, какие из них будут участвовать в показе (бывают разные ситуации – проблемы с Google аккаунтом или страница ВКонтакте заморожена).
Ставим галочку, что будем использовать плагин для WordPress (пункт 1). Ставим галочку Включить автопереключение вкладок и задаём время их отображения (через сколько секунд будет перелистывание на следующую) (пункт 2). Затем самое интересное, потому, что эта информация не так очевидна. В виджете можно помещать именно группы и сообщества из социальных сетей, а не персональные страницы. Заполняем эти поля (пункт 3). Правильность установки контролируем, нажимая кнопку Предпросмотр (пункт 4).
Чтобы посмотреть ID группы Вконтакте, заходим в неё, подводим мышкой к Участники, затем правой кнопкой мыши Копировать ссылку и вставляете её в адресную строку. Последние цифры в адресе – это и есть ID группы. Есть. Проставляем её в нашем поле ВКонтакте.
Настриваем ID виджета для Twitter. Заходим на свою страничку. Затем переходим в правый верхний угол – Настройки. Из всплывающего меню вибираем – Виджеты. Настраиваем необходимый по стилистике и размеру виджет, и в новом сгенерированном коде в окне находим строку с ID. Цифры после неё и есть наш ID виджета для Twitter.
Чтобы посмотреть ваш логин пользователя на YouTube канале, автоизируемся в Google+ и переходим по этой ссылке. Берём ID и вставляем его в форму.
Чтобы посмотреть ID на Google+, авторизируемся там, заходим в Профиль и в адресной строке можно увидеть цифры. Их и нужно вставить в поле в форме.
Для Facebook (важно!), копируем не ссылку профиля, не ссылку группы, а именно ссылку страницы. Моя страница на Facebook выглядит так:
Всё. Форму заполнили. Нажимаем Сгенерировать код. Вот у нас такой получился код. Копируем его. Теперь у нас есть 2 варианта его установки на сайте.
1Вариант. Через плагин для WordPress. Чтобы его скопировать, заходим в Плагин для вордпресс, лайкаем по любой из социальных закладок и его скачиваем.
Затем стандартно устанавливаем на движок и активируем. Затем Настройки – Социальная карусель. Вставляем наш код, прописываем его ID, выставляем размеры виджета и сохраняем.
Заходим в Внешний вид – Виджеты (пункт 1-2). Перетаскиваем в сайдбар виджет Текст и помещаем в него следующий код вывода виджета социальных сетей:
<div>Загрузка карусели...</div>
<div>Загрузка карусели...</div> |
Готово. Любуемся и наслаждаемся результатами трудов.
2Вариант. Этот плагин стал у меня конфликтовать с каким-то, из уже установленных. Тем более, тренд последнего времени – это избавление от лишнего и экономия места. Поэтому плагин я снёс, а поместил наш сгенерированный код в файл своей темы header.php перед закрывающим тегом </head>. Получилось примерно так:
<!-- Начало кода "Социальной карусели" (id:2393) --> <script type="text/javascript"> Мой сгенерированный код </script> <!-- Конец кода "Социальной карусели"--> </head>
<!-- Начало кода "Социальной карусели" (id:2393) --> <script type="text/javascript">
Мой сгенерированный код
</script> <!-- Конец кода "Социальной карусели"--> </head> |
Виджет сайдбара с выводом так и оставил. Получившийся результат можете посмотреть здесь на блоге с правой стороны. Довольно качественно исполнен и имеет огромный плюс – экономит наше место.
На этом всё. Отличный сервис, главное БЕСПЛАТНЫЙ, позволяющий существенно улучшить юзабилити сайта. Думаю, Вам он понравиться. Сегодня мы сэконимили место в нашем сайдбаре установив виджет сервиса Социальная карусель – все виджеты социальных сетей в одном. Если будут вопросы, обращайтесь и отзывы тоже не забывайте оставлять. Подписывайтесь на обновления блога. До скорых встреч.
Напоследок, видео о сервисе смотрим:
На связи был, Виталий Калинин!
Читайте ещё интересное на блогеvitalykalinin.ru
Кнопки социальных сетей для wordpress — Всё о web
На сегодняшний день существует множество плагинов, позволяющих установить кнопки социальных сетей на wordpress. Но не все из них одиноково полезны.
1. Social Media Feather
Один из самых популярных плагинов, имеет более 90000 установок по всему миру. Позволяет разместить кнопки как в области виджетов, так и перед/под постом, установить размеры и положение иконок. Дополнительные иконки платные- 10$. Есть возможность включать и отключать отдельные кнопки, редактировать сообщение под которым будет расшариваться пост.Есть один существенный недостаток: нет кнопок российских соц сетей.
2. Floating Social Media Icon
Чтобы виджет заработал, придётся очень внимательно изучить настройки. Оказывается, чтобы появилась какая-либо кнопка, нужно в настройках указать Ваш собственный профиль в этой конкретной соц сети. К посту кнопки прилинковываются автоматически и имеют нудный постоянно всплывающий вид. Отключить это можно, но тогда придётся к каждому посту дописывать код кнопок «[DISPLAY_ACURAX_ICONS]», а кнопки будут выстраиваться вертикально, а не горизонтально. Нет кнопок отечественных соц сетей. Зато имеет большое количество тем оформления и позволяет переставлять кнопки местами.
3. Super Socializer
При установке сразу добавляет кнопки, прижатые к краю экрана, которые можно отключить в настройках. Имеет просто огромное количество опций, есть кнопка «Вконтакте». В комплекте идёт модуль авторизации пользователей из соц сетей. Автоматически подключает комментарии с фейсбука. Есть горизонтальный и вертикальный виджеты, счётчики. Недостаток один: в комплекте идёт только 1 тема оформления.
4. Mashshare Share Buttons
Публикует только одну кнопку: твиттер или фейсбук. Имеет нулевую ценность.
5. Social
Незатейливое название и минимум функционала. Присутствуют только 2 кнопки: twitter и facebook. Виджета нет. Кнопок нет. Позволяет лишь оставлять комментарии из соц сетей. Более ценен, чем Mashshare Share Buttons, но, всё-таки, мало кому подойдёт.
6. Juiz Social Post Sharer
Присутствуют все основные соц. сети, в том числе, и вконтакте. Большое количество настроек. Кнопки можно разместить сверху, снизу, одновременно сверху и снизу от поста, можно использовать шорткод. Подписи к кнопкам выключаются, а при наведении мышкой красиво расправляются. В комплекте 8 тем оформления. Отсутствует виджет, разместить кнопки в сайдбаре не получится.
7. WP Socializer
Супермощный плагин. Предусмотрена добрая сотня кнопок соц сетей, вконтакте в том числе. Присутствуют огромное количество настроек. Имеет как виджет со счётчиком, так и отдельные кнопки без счётчиков. Есть виджет для сайдбара. Настраивается место загрузки скрипта- хедер или футер. На выбор представлены 12 тем оформления. Можно использовать шорткоды. Есть встроенный html редактор, в котором можно изменить шаблон виджета. Но переставить кнопки местами можно и перетянув мышкой. Фактически этот плагин может всё. Но за эти безграничные возможности приходится расплачиваться скоростью загрузки страницы. На каждую кнопку плагин подключает скрипт с cdn этой соц сети.
Сравните:
Время загрузки страницы с плагином Juiz Social Post Sharer:
Время загрузки страницы с WP Socializer:
Без плагинов соц сетей:
А если на одном из cdn возникнут проблемы, загрузка страницы может растянуться на десятки секунд.
8. Share Buttons by E-MAILiT
Минималистичен в настройках, но всё необходимое есть: место вывода кнопок, выбор кнопок, порядок вывода, шаблон. Есть виджет для сайдбара. Присутствуют кнопки «вконтакте» и «одноклассники». Этой кнопки нет даже у WP Socializer! Кнопки настраиваются на разные действия: залайкать либо расшарить.
Вывод:
Если Вам нужно максимум российских соц сетей, Ваш выбор- Share Buttons by E-MAILiT.Если Вам нужна максимальная гибкость в настройках, Ваш выбор- WP Socializer.В остальных случаях- Juiz Social Post Sharer.
Поделиться "Кнопки социальных сетей для wordpress"
Рекомендуем
- WordPress. Создание сайта1. Для начала давайте поразмышляем, а нужен ли Вам wordpress? wordpress - самая популярная CMS из существующих и самая простая в использовании. Сделать что-либо ещё проще невозможно. […]
- Интеграция Fluxbb в wordpressЕсть у меня один подопечный сайт на wordpress и там же форум на fluxbb. И появилась мысль воткнуть виджет с активными темами на форуме. Беглое гугление по вордпресовской базе виджетов […]
- Асинхронный rss виджет для wordpressКак-то я уже писал про добавление rss ленты из fluxbb в wordpress. В тот раз я использовал дефолтный виджет. И когда сайт переехал на https, он, внезапно, перестал работать. Немного […]
- Переводим wordpress на HTTPS + nginxЕсли Вы ещё не в курсе, гугл уже давно https сайты ранжирует выше, чем http. А в ближайших планах он начнёт помечать все http сайты как небезопасные. К счастью "Let's Encrypt" […]
allwebstuff.info
Как автоматически публиковать свои новые посты в социальных сетях в WordPress
Любой интернет-ресурс старается как можно активнее взаимодействовать с социальными сетями. Так как это является один из источников трафика, тем более для молодых сайтов, которые проходят «песочницу». Да и в целом, это будет только положительным шагом в развитие своего проекта.
На этот раз мы рассмотрим плагин с возможностью публикации новых постов WordPress в социальные сети в автоматическом режиме. Естественно, для этого нужно, чтобы у вас были аккаунты в тех сетях, где собираетесь наладить ленту добавления записей.
Настройка плагина NextScripts: Social Networks Auto-Poster
Несмотря на то что плагин не русифицирован, в нем довольно легко разобраться. После его установки во вкладке «Настройки» появится новый раздел «SNAP». В этом разделе находятся все параметры, разбитые по вкладкам. Нас интересуют две первые и последняя: Your Social Networks Accounts – учетные записи соц.сетей, Settings – настройки, Quick Post – быстрый пост. Остальные относятся к информационным вопросам.
И чуть не забыл упомянуть: для более пущего эффекта от соц. сетей, как того требуется, нужно чтобы вашу группу посещало как можно больше народа. Это делается обычной раскруткой, к примеру, через рекламу в тематических группах, а также способствует накрутка подписчиков вк и другие все доступные способы по привлечению посетителей на вашу страничку.
Первая вкладка — Your Social Networks Accounts. Здесь мы добавляем свои аккаунты, в которые будут автоматически публиковаться статьи. Первым делом жмем кнопку «Add new account» где тут же откроется модальное окно с последующими действиями. Сверху, из выпадающего списка выбираем соц.сеть, к примеру, Facebook.
В правом углу есть ссылка на инструкцию о получении ключа и секретного кода для приложения. Там все подробно описано и закреплено скриншотами, так что дублировать мануал не буду. И такая инструкция прилагается к каждой соц.сети. Ниже этих полей идут параметры формата поста. Можно оставить по умолчанию.
После того как заполните все поля данных приложения, появится еще одна вкладка настроек «Расширенные». Там можно указать дополнительные параметры, особенно, задать время, через которое статья добавится в соц.сеть после ее публикации на блоге. То есть запланировать период времени, чтобы дать возможность статье укорениться (проиндексировать) на своем сайте.
Вторая вкладка – Settings. Это основная часть настроек, на которой находится 13 блоков с дополнительными параметрами. Давайте рассмотрим каждый блок в отдельности в кратком описании.
How to make auto-posts?
Включение планировщика WP Cron на автопостинг. Рекомендуется и подходит практически для всех сайтов. Время указывается в расширенных настройках при добавлении аккаунта сети на вкладке «Your Social Networks Accounts».
User Privileges/Security
Роли пользователей, которым разрешается автопостинг их постов. Это больше подходит для сайтов с открытой регистрацией. Но все же лучше оставить такую проверку.
Interface
Параметры внешнего вида выпадающего списка соц.сетей на вкладке «Your Social Networks Accounts».
Autoposting Filters
Фильтр по категориям, тегам и формата поста для исключения постинга.
URL Shortener
Настройка сокращения ссылок через любой сервис. Также нужно будет получить индивидуальный ключ, пройдя небольшую процедуру.
Auto-Import comments from Social Networks
Плагин автоматически будет каждый час проверять комментарии в соц.сетях к записям, если такие имеются, он их импортирует на сайт к этой же записи. Число в поле означает за сколькими установиться слежка. Оптимально 10-20, больше способно привести к замедлению сайта.
URL Parameters
Параметры обратных ссылок. Пункт «Don't do anything, let WordPress to set the links. — All links will be exactly as provided by WordPress» оставляет структуру по умолчанию, именно такой, какую ее передает WordPress.
Auto-HashTags Settings
Вид разделения хэштегов и вариант отображения на случай если в теге больше одного слова.%ANNOUNCE% tag settings – длина привью поста, если в нем отсутствует тег more.
«Open Graph» Tags
Использовать разметку тегов Open Graph. Ставьте галочку, если только не применяются другие специализированные плагины в этой области.
Advanced «Featured» Image Settings – поиск проверки изображений в постах. Рекомендуется первый флажок. Второй может вызвать путаницу и даже помешать другим плагинам.
Alternative «Featured Image» location
Альтернативный вариант показа изображений в том случае, если были задействованы произвольные поля.
Debug/Report Settings – отчет об ошибках, пропущенных постах.
Вкладка — Quick Post. В последнем разделе есть возможность опубликовать любую информацию в соц.сетях как отдельное сообщение. Это может быть все что угодно от поздравлений до шуток и оно не публикуется на сайте.
Просто заполните поля, выберете один из типа поста: Text, URL, Img, отметить в каких сетях публиковать и нажать на кнопку «Post».
Social Networks Auto-Poster
wordsmall.ru
