Drupal счетчик для кнопки

Кнопки соцсетей для сайта: пиар чужими руками

Хороший пост, найденный в интернете – удобный случай заявить о своем мнении, не написав ни слова.

«Думаю так же», «Мечтаю об этом же» или «Не согласен с тем же», – может говорить клик на кнопку «Поделиться». Но было бы наивно утверждать, что кнопки соцсетей для WordPress, Joomla или, к примеру, Drupal создаются, чтобы потакать чувствам и удобствам читателя.

Поговорим про честные причины, по которым скрипты для расшаривания (share – поделиться) «вклеивают» в HTML-шаблоны. Обсудим преимущества и недостатки кнопок для репостов.

Выясним, как быстро и просто их сконструировать. И подкрепим теорию практикой – отправим этот пост в мир, нажав на «Поделиться».

Шейры и лайки: кому нужны кнопки социальных сетей

Кнопки социальных сетей – уникальное оружие автопиара. Благодаря им контент может стать если не вирусным, то популярным. А популярность – это трафик со знаком «плюс». Конечно, таким же вирусным, как видео или фото, текст не станет никогда.

Миллионы просмотров и сотни тысяч репостов (как, например, в случае ролика со спасенным котенком в рекламе камер GoPro) для текста – недосягаемая вершина. И все же люди читают, спорят и распространяют контент, если есть возможность распространить его легко и быстро.

Утруждать себя копированием URL будут единицы.

Кроме фактора автопиара, есть еще одна объективная причина для размещения кнопок соцсетей на сайте.

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

Если на контент ссылаются, «думают» поисковики, значит контент качественный. А качественный контент, «уверены» поисковики, следует поощрять. Поощрением становится повышение ранжирования страницы в поисковой выдаче.

Этого достаточно, чтобы озадачиться «вклеиванием» кнопок для репостов в шаблон. Но будьте адекватны в стараниях. Блок «Поделиться» на странице секс-шопа выглядит, как минимум, нелепо.

Обратная сторона пиара: проблемы и решения

Без ложки дегтя (трех) и здесь не обошлось.

• Во-первых, скрипты могут тормозить работу сайта, а ждать читатель не любит. По статистике, почти 80% пользователей больше трех секунд в ожидании загрузки страницы не томятся.

Устанавливайте скрипты приоритетных сетей – например, Facebook, Вконтакте, Google+ и Твиттер. Для «вклеивания» объемных панелей пользуйтесь конструкторами типа Uptolike или uSocial, которые предлагают «легкий код».

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

Предоставьте читателям возможность обсуждать материал на странице сайта. Интегрируйте в HTML-шаблоны платформы для общения и дискуссий.

• Наконец, скрипты для расшаривания иногда ломают сайт или просто портят картинку. Прежде чем «косяк» будет замечен и исправлен, его, с большой вероятностью, заметят посетители сайта, и многим это зрелище не понравится.

Выбирайте скрипты от проверенных разработчиков и время от времени следите за их работой (доверяй, но проверяй).

Кнопки «Поделиться»: с изюминкой или без?

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

Как, например, за логотип BBC. Черные буквы на белом фоне обошлись компании в 1,8 миллионов долларов. Что касается кнопок социальных сетей (как получить их бесплатно, обсудим ниже), дадим несколько универсальных рекомендаций, ссылаясь на опыт веб-мастеров.

Размещайте блок «Поделиться» сверху в левой части страницы под заголовком или лидом.

1. Причина – читатель редко добредает до конца, даже будучи заинтригованным началом.
   Не гонитесь за фирменным стилем. Представив Facebook в виде зеленого вензеля, вы произведете впечатление, но все же лучше использовать синий цвет и классическую букву F.
2. Иконки для расшаривания должны быть узнаваемыми.
3. Хороший ход – сделать кнопки «залипшими» в одном месте страницы. Прокручивая текст, читатель всегда будет помнить, что этой информацией можно быстро поделиться.
4. Имеет смысл предоставить читателю более широкие возможности для репостов, чем кнопки четырех главных социальных сетей (Facebook, Вконтакте, Google+ и Твиттер), которые дают всего 50-60% откликов. Внимание: не настолько широкие панели, чтобы пользователь пришел в замешательство.

Перейдем к технической части. Выясним, как простому смертному добавить кнопки «Поделиться» на блог без помощи веб-мастеров.

Готовые решения: конструкторы кнопок «Поделиться»

Получить скрипт кнопки «Поделиться» можно напрямую у социальной сети. Не хотите возиться с каждой по отдельности?

Сделать кнопки «Поделиться» можно в конструкторе, получив на руки код большой и красивой панели для репостов.

Познакомимся с программами, которые работают честно.

Конструируя скрипты через «нелегальных посредников», рискуете получить вместе с кодом внешние ссылки или даже вирусы.

• Кнопки «Поделиться» от Яндекс

Кнопки соцсетей Яндекс – это гарантии отсутствия вирусов и удовлетворительный функционал. Конструктор предлагает как обычные иконки, так и со спецэффектами – например, со счетчиком или выпадающим меню. Собственно, на этом все. Изменить заданный порядок кнопок невозможно. Выбрать стиль, форму, цвет и прочие индивидуальные параметры – тоже. Надежно, стабильно, но скучно.

• Сервис социальных кнопок uSocial

Конструктор uSocial – свежий взгляд на кнопки для расшаривания. Даже беглый взгляд на возможности сервиса сразу замечает преимущества. Порядок иконок можно менять, дизайн и форму – выбирать. Хочешь – квадрат, хочешь – круг, а хочешь – квадрат с закругленными углами. Благодаря конструктору meta-данных вид отображения репоста в сетях можно настраивать. Еще больше «прелестей» – в платной версии PRO.

• Конструктор кнопок «Поделиться» Pluso

Создатели конструктора Pluso утверждают, кнопки соцсетей помогают увеличить аудиторию на 5-20%. После таких заявлений хочется приступить к конструированию немедленно. Все и даже больше для этого на сервисе имеется. Кнопки можно подбирать по размеру, форме, расположению, стилю и тд. В личном кабинете доступна подробная статистика о расшаривании. На сайте имеется подробный FAQ по всем вопросам и инструкции для WordPress, Joomla и Drupal. Плюсуем – хороший и удобный конструктор.

• Модуль социальных кнопок UpToLike

Разработчики конструктора UpToLike еще более красноречивы в своей статистике. Кнопки соцсетей, по их мнению, увеличивают аудиторию до 30% и более. Убедиться в этом можно совершенно бесплатно. Задаете модулю параметры (ориентацию, расположение, размер, форму, цвет, стиль), копируете код и вставляете на сайт. Кстати, эффект при наведении на кнопку конструктор предлагает за просто так (в отличие от uSocial). Из других преимуществ – возможность поделиться цитатой.

Плетем сети: как добавить кнопки социальных сетей на сайт

В финале разговора свяжем веб-ресурс с социальными сетями на частном примере. Эксперимент проведем на платформе WordPress, а помощником выберем uSocial (встроенный конструктор meta-данных нас покорил).

1. На главной странице сайта находим раздел «Кнопки «Поделиться», кликаем по «Создать набор» и попадаем в меню конструирования.
2. Выбираем нужные социальные сети, перетаскивая иконки из правой области в левую, и задаем параметры – форму, стиль, ориентацию и прочее.
3. Нажимаем на «Сохранить код» и получаем на руки «абракадабру» в стиле HTML. Копируем ее в блокнот.
4. Заходим в панель управления на WordPress. В меню слева выбираем «Внешний вид» и «Редактор».
5. В меню справа кликаем по нужному шаблону и в окне редактирования вставляем «абракадабру» (место вставки – по вкусу).
6. Сохранив изменения, любуемся проделанной работой. С остальными шаблонами поступаем, следуя такому же алгоритму.

ВИДЕО ИНСТРУКЦИЯ
» alt=»»>
Кстати, главный редактор Information Architects Оливер Райхенстайн полагает, если читателю лень копировать и вставлять URL, такому читателю на его блоге делать нечего. И он является не единственным антифанатом кнопок. А что вы думаете об этом?

Drupal 8: Создание кнопок на предыдущий и следующий материал

В этом туториале мы создадим кнопки на предыдущий и следующий материал для любых сущностей.

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

Давайте пробежимся по очень простой реализации и сделаем кнопки на предыдущий и следующий материал. Также данный материал будет как пример использования hook_theme() и псевдо-полей вместе. Далее по тексту подразумевается что код пишется в модуле dummy.

Первым делом нам потребуется сделать свой theme hook с использованием hook_theme() , который будет генерировать разметку для предыдущего и следующего материала. В нём и будет вся логика, как и 90% всего материала. Для начала регистрируем наш theme hook, назовем его dummy_previous_next :

Итак, наш theme hook dummy_previous_next объявлен. Мы указали что нам будет требоваться переменная entity . В неё мы будем передавать объект сущности для которой нужно сделать кнопки. Наш код будет максимально универсальным и не привязан к какой-либо сущности или материалу, вы сможете пользоваться им в любом месте. И для того чтобы оно так работало, нам нужно написать логику. А логика для theme hook пишется в обработчиках (preprocess). Препроцессор мы вынесем в файл dummy.theme.inc, который мы указываем в массиве объявляющий наш theme hook.

? Напоминаю что препроцессоры для собственных theme hook имеют вид template_preprocess_HOOK() . Объявляем такой препроцессор в файле dummy.theme.inc:

А теперь пройдемся по порядку:

• Обратите внимание, что вместо HOOK в название функции мы подставили название нашего theme hook, который мы хотим обрабатывать.
• Первым делом в обработчике мы записываем переменную переданную в наш theme hook в локальную переменную $entity , для удобства обращения.
• Далее мы задаем две новые переменные для нашего будущего темплейта кнопок: next и previous . Это будут массивы с данными, по умолчанию пустые.
• Затем, мы пытаемся получить ID следующего материала. Это получается следующим образом — мы выполняем запрос в пределах типа сущности ( $entity->getEntityTypeId() ) которая была передана нашему theme hook. Также мы добавляем условие чтобы подтип (bundle $entity->bundle() ) сущности был аналогичный тому, что у текущей сущности. Это значит, если вы передадите сущность node с подтипом news , он будет искать материал в пределах новостей, и если у вас есть ещё page и blog , они не будут учитываться. Затем, указываем что дата создания материала должна быть больше текущей — так мы определяем что материал следующий, так как опубликован позже текущего. Далее, ограничиваем кол-во результатов до одного, сортируем результаты по возрастанию — таким образом, если после текущего материала вышло 2 новых, то мы получим тот что был опубликован сразу после текущего, ведь у более позднего (свежего) дата создания будет больше.
• Если ID нашелся, мы загружаем сущность следующего материала.
• Из материала мы добавляем в наш массив для next заголовок материала и URL на него.
• Далее мы проделываем аналогично для предыдущего материала. Отличие лишь в том, что дата создания должна быть меньше текущего материала, а сортировать результаты нужно по убыванию.

В результате данного обработчика будет формироваться два массива, каждый из которых будет в переменной next и previous соответственно. Если ссылки на следующий или предыдущий материал нет, то массив останется пустым.

Далее нам нужно объявить и описать темплейт, который будет готовить разметку для наших кнопок на основе этих двух массивов. Мы не указали определенный темплейт, поэтому название его будет идентично нашему theme hook, а Drupal будет искать его в templates папке модуля.

В темплейте ме объявляем всю разметку. Мы проверяем пустые ли переменные next и previous (Twig возвращает FALSE если массив пустой), и если нет, выводим url и заголовок сущности.

? Обратите внимание что условия на кнопки сделаны внутри их основных обёрток. Это сделано нарошно, чтобы в CSS при помощи флексбоксов эти элементы могли занимать свою область даже будучи пустыми. Это необходимо, когда ссылка на предыдущий материал отсутствует (слева), а ссылка на следующий присутствует (справа), и чтобы при этом ссылка на следующий не прыгала на место предыдущего. ?

Theme hook полностью готов, им можно пользоваться в любом месте. Но мы добавим его вызов в качестве псевдо-поля, чтобы можно было цеплять к материалам из админки и управлять его положением и видимостью. Мы добавим соответствующее псевдо-поле только для сущности node , как пример.

Для добавления псевдо-поля нам нужно будет объявить два хука: hook_entity_extra_field_info() и hook_ENTITY_TYPE_view() . Оба они объявляются в dummy.module.

Как можете заметить, мы добавляем в $build сущности наш render array с вызовом нашего theme hook и передачей ему текущей сущности, для которой это псевдо-поле готовится. Таким образом, нам нет нужды заботиться о текущей сущности и её получении.

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

Заходим на страницу и смотрим результат!

А дальше дело за малым, немного стилей, например таких:

Вот у нас и готовы универсальные кнопочки на предыдущий и следующий материал для всех типов сущностей. ?

Кнопки социальных сетей на сайт

Е сли вам необходимо добавить бесплатные кнопки социальных сетей на сайт WordPress, Joomla, Bitrix или Drupal, — рекомендую воспользоваться UpToLike.

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

• Установить кнопки социальных сетей;
• Настроить «умные» pop-up виджеты;
• Сделать подписку на группы в «социалках»;
• Настроить опцию «лайков» под статьями;
• Добавить возможность делиться картинками;
• Вывести рейтинг статей;
• Внедрить невидимый счётчик;
• Установить модуль социальной авторизации.

Так как пост посвящён тому, как добавить кнопки социальных сетей на сайт бесплатно, я не буду распыляться и расскажу только об этой опции.

Устанавливаем кнопки социальных сетей

Д обавление кнопок социальных сетей через UpToLike на сайты WordPress, Joomla, Bitrix или Drupal не составляет труда. Вариантов решения — два:

• Сгенерируйте код и добавьте в шаблон;
• Скачайте плагин кнопок социальных сетей.

Я пробовала оба способа, но склоняюсь — к первому, чтобы не использовать на сайте лишние плагины.

Рекомендую зарегистрироваться в UpToLike, чтобы вести учёт проектов, видеть статистику и общаться со службой поддержки (если потребуется). Ребята отвечают довольно быстро и помогают без лишних вопросов.

В разное время мне доводилось использовать бесплатные и платные сервисы кнопок социальных сетей, поэтому какой-то опыт имеется. Среди вебмастеров лидируют кнопки от Яндекса и Pluso. К сожалению, дизайн кнопок от Яндекса изменить нельзя. Что до Pluso, то их скрипт — весьма «тяжёлый», хотя всё работает без проблем.

Преимущества кнопок социальных сетей UpToLike

• Несколько вариантов установки;
• Простое и быстрое добавление кнопок на сайт;
• Гибкие настройки;
• Возможность отслеживать статистику;
• Создание персонального дизайна.

Перед тем, как добавить кнопки социальных сетей на сайты WordPress, Joomla, Bitrix или Drupal, не поленитесь сравнить готовые дизайны или сделайте своё оформление.

Кнопки социальных сетей UpToLike можно разместить в любой части экрана. Для мобильных устройств кнопочки настраиваются отдельно (если есть желание), однако дизайн будет стандартным: яркие разноцветные иконки.

Чтобы понять, как всё выглядит, зайдите на свой веб-ресурс со смартфона и ПК. Мне пёстрые элементы на моём строгом MaestroText не понравились, поэтому я отключила соответствующую функцию в настройках. Таким образом, мои кнопки всегда выглядят одинаково на всех устройствах.

Особенности кнопок социальных сетей UpToLike

Е сли сравнить бесплатные сервисы кнопок социальных сетей, то UpToLike изрядно теснит конкурентов, если бы ни одно «но».

При постинге после URL появляется «хвост», который приходится удалять вручную, иначе Яндекс воспримет страницу как дубль. Этот код нужен для отслеживания активности.

Решается проблема просто. Напишите в службу техподдержки и попросите отключить подсчёт возвратов на вашем сайте. Также разработчики рекомендуют использовать атрибут rel=canonical, если хотите уладить вопрос сами.

Пока кнопки социальных сетей UpToLike полностью меня устраивают. Можете смело добавить их на свой сайт WordPress, Joomla, Bitrix или Drupal. Если что-то пойдёт не так, то удалите плагин или скрипт.

Мария Нор — толковый рекламный копирайтер без короны на голове. Создаю пробивные, напористые бизнес-тексты для сайтов и печатных изданий разной направленности. Предложения о сотрудничестве от заказчиков и коллег принимаются по адресу: maestrotext@gmail.com . Отвечаю всем без исключения.

Похожие записи

Как понять, что ценят покупатели?

Для чего нужен SSL-сертификат?

Подбираем аргументы для спичрайтинга

Токсичный клиент: как быть и что делать?

Как понять, что ценят покупатели?

Рубрики

• E-mail маркетинг
• F.A.Q. для заказчиков
• SEO, продвижение
• Информбюро
• Копирайтинг в стиле «ню»
• Лендинг. Посадочная страница
• Лучшие статьи блога
• Маркетинг в соцсетях
• Маркетинг. Реклама. PR
• Мастерская копирайтинга
• Основы копирайтинга
• Продающие, рекламные тексты
• Создание сайтов на WordPress
• Улучшаем сайт, магазин

Афоризмы

На фабриках мы производим косметику, в магазинах — торгуем надеждой

Полезная информация

Кратко о Марии Нор

В рекламный копирайтинг пришла в 2009 г. В разное время писала бизнес-тексты для певца Антона Иванцова, психолога и светской львицы Ларисы Ренар, «Русской Школы Управления». Среди заказчиков значатся известные люди, бизнес-тренеры, дизайнеры, представители брендов.

Как создать счетчик для (Drupal) просмотра результатов?

Как я могу создать счетчик для результатов просмотра?

1 ответ

• Как мобилизовать drupal 6 сайт с помощью модуля, сохранить тему для просмотра на рабочем столе

Я знаю, мы все еще находимся на Drupal 6 Мне интересно, есть ли простой модуль, который я могу использовать для Mobilize нашего сайта? Я попробовал Модернизр, но он не доволен. Нам нужно сохранить нашу текущую тему такой, как она есть для просмотра на рабочем столе, нам просто нужно обновить тему.

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

Используйте настраиваемое поле , которое предоставляет тип поля «row number».

Похожие вопросы:

я новичок в drupal открытом атриуме. я хочу создать новую функцию в open atrium. поэтому я прохожу через учебник о том, как создать функцию.

я новичок в открытом атриуме drupal. у меня нет идеи создать новую функцию. Итак, я просматриваю документацию drupal открытого атриума. но после создания нового пресета imagecache на.

У меня есть представление в Drupal, которое фильтрует мой контент. Он возвращает 7 рядов. Все, что я хочу вернуть, — это число или возвращенные результаты(7). Возможно ли это? Я попытался.

Я знаю, мы все еще находимся на Drupal 6 Мне интересно, есть ли простой модуль, который я могу использовать для Mobilize нашего сайта? Я попробовал Модернизр, но он не доволен. Нам нужно сохранить.

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

Привет, я хотел бы знать, как создать упорядоченный список результатов в моих представлениях блоков в Drupal 6. Я думаю, что это что-то основное, но я не могу решить эту проблему. Хорошо, у меня.

Я новичок в drupal, webform и php. На самом деле я установил drupal-7 с модулем webform и хочу изменить текст опций, то есть от view до create project и от Results до View Projects. Я искал.

Я новичок в drupal. я делаю сайт, в котором требование реализовать счетчик, как это предусмотрено feedgit.com этот сайт предоставляет виджет для установки. я реализовал на блоге http: / /.

Я новичок в Drupal . В разделе Внешний вид > настройка > гирлянда >переключить дисплей я снял некоторые флажки, такие как логотип, название сайта и т. д. Это заставило кнопку просмотра на всех.

Я пытаюсь отобразить количество результатов поиска на странице результатов в Drupal 8, я хочу отобразить что-то вроде: 23 results for search_word . Я использую поиск по умолчанию Drupal и.