Меню

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



Включение счетчика сообщений для ВКонтакте

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

Включение счетчика сообщений ВК

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

Способ 1: Уведомления в Яндекс.Браузере

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

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

  1. По необходимости заранее выполнив инсталляцию Яндекс.Браузера на компьютер, откройте главное меню соответствующей кнопкой на верхней панели. Из представленного списка необходимо выбрать пункт «Настройки».

Не переключаясь со вкладки «Настройки», пролистайте страницу до блока «Уведомления». Тут необходимо кликнуть по кнопке «Настройки уведомлений».

В открывшемся окне напротив «ВКонтакте» установите галочку «Уведомления включены». Также следует убедиться, что отмечен пункт «Новые личные сообщения» и прочие типы оповещений, который вам могут потребоваться.

После этого должно будет открыться новое окно браузера с предложением предоставить доступ к аккаунту приложению «Yandex.Browser». Кнопкой «Разрешить» подтвердите свое согласие. При необходимости запретить уведомления можно будет из того же раздела с параметрами.

Примечание: Если окно не появилось, попробуйте произвести авторизацию ВКонтакте из обозревателя.

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

Способ 2: Счетчики ВК для Android

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

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

Вариант 1: Notifyer Unread Count

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

    Воспользовавшись нашей ссылкой, откройте страницу приложения Notifyer Unread Count. После этого кнопкой «Установить» выполните инсталляцию и запуск.

Читайте также:  Как снять показания счетчика эу20м

При первом открытии на стартовой странице приложения будет небольшая инструкция по дальнейшим действиям.

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

Из представленного далее списка следует выбрать «Notifyer».

Зажмите данный виджет и перетащите в любую удобную область на экране устройства.

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

По необходимости предоставьте приложению доступ к системным уведомлениям.

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

Приложение Notifyer Unread Count также предоставляет ряд настроек. Для доступа к ним пропустите оставшиеся шаги обучения с помощью кнопки «Continue» и воспользуйтесь иконкой с изображением шестерни в нижнем правом углу экрана.

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

На этом мы завершаем процесс включения счетчика сообщений ВКонтакте на Android-устройстве через приложение Notifyer Unread Count.

Вариант 2: Nova Launcher

Если вы не хотите использовать Notifyer Unread Count, можно прибегнуть к специальному дополнению для Nova Launcher. При этом если у вас по умолчанию лаунчер отличается от упомянутого, придется сначала выполнить его установку из Google Play. Но будет осторожны, так как данное ПО влияет практически на все приложения и, что важнее, видоизменяет главный экран.

    Для работы приложения TeslaUnread требуется платная версия Nova Launcher Prime, загрузить которую вы можете в Google Play по ниже представленной ссылке.

Не закрывая Google Play, установите TeslaUnread. Скачать данное ПО можно по следующей ссылке.

В приложении TeslaUnread найдите список «More» и, воспользовавшись ползунком, активируйте уведомления для ВКонтакте.

По необходимости вы можете активировать уведомления буквально для всех установленных приложений.

Во время включения счетчиков также потребуется предоставить TeslaUnread доступ к системным оповещениям.

Переключитесь на экран с полным списком установленных приложений и выберите значок «Настройки Nova Launcher Prime».

Через открывшееся меню перейдите в раздел «Бейджи уведомлений». Наименование данного пункта может отличаться в разных версиях Nova Launcher Prime.

Нажав по строке «Выбор стиля», вы можете выбрать любой вариант. Однако исходя из темы настоящей статьи, нам необходим пункт «Числовые бейджи».

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

Читайте также:  Как сделать счетчик для четок

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

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

Заключение

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

Источник

Социальные кнопки поделиться – пишем сами! Часть 2. Добавляем счетчик

Ой, вы, гой еси, дорогие мои читатели! Совсем недавно, каких-то там шесть постов назад, я поднял тему социальных кнопок и очень рад, что статья пришлась вам по душе, и вы используете эти самые кнопки и делитесь материалами с моего сайта. Как я и обещал, продолжаем развивать тему и сегодня прикрутим к нашим кнопкам еще и счетчик, вещь, согласитесь, весьма необходимую и существенную, дабы поднять нашу самооценку до известного уровня и при случае заткнуть за пояс конкурентов, предъявив свои солидные «пузомерки».

Кто читал, тот знает, ну а кто не читал, тому настоятельно советую прочитать первую статью, ибо заново разъяснять написанное в ней я не буду, а ссылаться по ходу статьи на неё придется.

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

Итак, давайте приступим и начнем, пожалуй, с самого JavaScript. Работа скрипта касательно счётчика делится на две части:

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

Для того чтобы реализовать первую часть логики скрипта, нам потребуется добавить метод init():

Теперь более подробно рассмотрим, как он работает. Этот метод является точкой входа/запуска скрипта, который принимает единственный параметр – это селектор поиска обёртки кнопок. Далее через jQuery метод ready() мы отслеживаем полную загрузку документа. Так как у нас на странице может быть несколько блоков поделиться, то через функцию each() для каждого элемента в наборе выполняем код, лежащий внутри функции. В объекте countApiUrls хранятся прямые ссылки для получения числа поделившихся. В pageUrl мы достаём и сохраняем адрес страницы, который указали в параметрах data-share-data. Завершая работу с методом init() мы вызываем метод getCountLikes(), где и реализуем получение самих чисел для счётчика:

Читайте также:  Описание счетчиков электроэнергии меркурий 200

Метод getCountLikes() принимает 4 параметра:

  • box – обёртка для каждой из кнопок соцсети;
  • apiUrl – адрес API на которой происходит обращение;
  • pageUrl – адрес страницы, о которой мы хотим получить данные;
  • type – тип социальной сети.

Мы при помощи jQuery метода $.getJSON() обращаемся на сформированный url = apiUrl + pageUrl. В зависимости от соцсети получаем ответ (в основном это json) и обрабатываем его. Исключением является «Вконтакте», так как при запросе мы получаем отработку метода VK.Share(), что вызывает у нас на странице естественную ошибку, так как у нас нет объекта VK, но при помощи «нехитрого» костыля мы вытягиваем нужный нам результат.

Последние, что нам останется – это отрисовать числа на кнопках. Эту задачу мы решаем при помощи нового метода setCountLikes(). Эта функция принимает два параметра: определитель обертки и само число.

На этом реализация первой части закончена, что мы получили в итоге: после того, как загрузиться страница у каждой кнопки «Поделиться» появиться число, в зависимости от результата работы с API. Теперь нам останется закончить вторую часть, а именно при клике по кнопке увеличивать счётчик на единицу. Это реализуем в старом методе popup():

Мы добавили новый параметр box, ранее описанный, и внутри при помощи условного оператора if() увеличиваем счётчик, в зависимости от наличия числа ранее поделившихся. На этом сам скрипт завершён, конечно, нужно ещё обновить в методах twitter(), vk(), facebook() строчку:

Теперь, что касательно HTML разметки, выше мы рассмотрели метод init() и так как это точка входа/запуска скрипта, то её мы вызываем на странице после подключения файлов:

Ещё в кнопке стоит добавить span с классом icon:

Также несущественные изменения произошли и в CSS. Надеюсь, к прочтению этого абзаца вы уже скачали архив с примером, если нет, то скачивайте и пользуетесь — всё работает. Данное решение я сам использую в нескольких проектах и проблем не замечал.

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

Источник