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

04.06.2019

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

План сегодняшней статьи не большой

Для чего нужен api id блогу?

Как его получить?

Для чего нужен api id Вконтакте блогу на WordPress.

Api id номер может понадобиться для социальных плагинов. Люди оставляя лайки и комментарии, через кнопки и виджеты вконтакте, должны связаться с сервером, чтобы VK.COM знал, на каком сайте оставляют комментарии или лайки его зарегистрированные пользователи.

Так же этот номер нужен, чтобы людям не требовалось вводить свои данные. Но основа этого номера- это работа социальных плагинов на сайте под управлением WordPress

Как его получить?

Вот и подошли к главному. Как же получить api id Вконтакте?

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

Адресом будет — http://mysite.ru

Базовый домен — mysite.ru

mysite — адрес вашего сайта

После подтверждения номера телефона вы попадёте на страницу с информацией о вашем приложении, нужно нажать вкладку настройки и попадаем на страницу, где и лежит наш api id ВКонтакте.

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

Подписывайтесь на обновления блога, чтобы не пропустить выход новых статей.

С уважением С.Васильев

Началось всё с того, как мой друг попросил меня опубликовать на его странице от его имени пост с моего iPad"а. Дальше я… Не знаю, как это описать… А потом задумался о том, как же официальные приложения ВК для мобильных устройств и планшетов выполняют какие-либо действия.

Сначала подумал, что приложение отправляет через POST или GET во ВКонтактик какие-то данные. Потом понял, что, скорее всего, приложение авторизуется через API. Зашёл на страницу «Разработчикам» в ВК, выбрал «Standalone/Mobile-приложения», выбрал «OAuth-авторизация». Увидел, как приложение должно авторизовываться. Оно должно создавать окно с диалогом авторизации, с такой ссылкой:
oauth.vk.com/authorize?client_id=APP_ID&scope=PERMISSIONS&redirect_uri=REDIRECT_URI&display=DISPLAY&v=API_VERSION&response_type=token
Итак, сначала нужно узнать id официального приложения.

Я решил начать с приложения для iOS, а именно для iPad.

Запостил на своей стене запись с него, открыл на десктопе. Навёл мышку на значок Яблока, и увидел желаемое «vk.com/app3682744». С этим, самым простым, мы справились. Права я решил установить только доступ к стене (и, автоматически, к основной информации), если что-то надо будет ещё добавить, это можно будет сделать потом. И, конечно, нужно включить кроме «wall» ещё и «offline» - доступ к API в любое время со стороннего сервера. Иначе, делать что-либо сможет только сервер, куда приложение отсылает все действия, и через который всё делается (возможно этот сервер - сервер ВК, но я решил не выяснять, так как это мне не нужно. Сервер прописывается в настройках приложения). И так, сейчас наша ссылка выглядит как oauth.vk.com/authorize?client_id=3682744&scope=wall ,offline&redirect_uri=REDIRECT_URI&display=DISPLAY&v=API_VERSION&response_type=token
С redirect_uri разберёмся потом, как с самым сложным. «display» - внешний окна авторизации, page, popup или mobile. Выберем page.
«v» выставим последнюю, 5.7. response_type изменять не нужно, нам получить токен и надо.

Теперь будем думать над «redirect_uri». Нам нужна страница, которая покажет токен. И тут я замечаю «Если Вы разрабатываете браузерное Javascript-приложение...». Понимаю, что именно это нам подходит, так как мы обращаемся со «стороннего сервера». Там написано, что в таком случае надо указать «oauth.vk.com/blank.html ». Так и сделаем. Теперь наша ссылка выглядит так: oauth.vk.com/authorize?client_id=3682744&v=5.7&scope=wall ,offline&redirect_uri=http://oauth.vk.com/blank.html&display=page&response_type=token

Нажимаем на «разрешить».

Приложения групп - это кроссплатформенные приложения, которые запускаются со страницы групп ОК или из публикаций в ленте.
Пользователь может открыть приложение в полной версии сайта, в мобильной версии m.ok.ru и в мобильных приложениях ОК для iOS и Android.
С технической точки зрения, это HTML приложение, запускаемое в iframe на полной версии сайта, во WebView в мобильных приложениях или в отдельной вкладке мобильного браузера.

В процессе разработки своего приложения для групп вам понадобятся следующие руководства:

Регистрация приложения

Для добавления приложения на сайт ОК необходимо:

Зарегистрироваться на портале ОК и привязать к своему аккаунту email – на этот email будут приходить письма, содержащие регистрационные данные приложений.
Получить права разработчика по ссылке https://ok.ru/devaccess .
После получения прав разработчика откройте раздел Игры и в левом меню выберите “Мои загруженные”. В списке нажмите Добавить приложение: https://ok.ru/dk?st.cmd=appEdit и нажмите кнопку Добавить платфому.
Для регистрация приложения для групп укажите платформы: Web(HTML) , HTML(Mobile) и Приложение для групп . Укажите размеры приложения (они будут применяться для открытия на полной версии сайта).
Указать официальную группу приложения и ID топика, в котором подробно рассказывается, как пользоваться и настроить приложение, рассматриваются популярные примеры использования.
Указать специфичные для приложения групп параметры: кнопка запуска по-умолчанию, возможность открывать на отдельной странице, устанавливать по прямой ссылке и ограничить приложение только для модераторов групп.

Параметры запуска

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

Параметр viewer_type (роль пользователя в группе) может иметь следующие строковые значения:

Используя параметр viewer_type вы можете определять роль пользователя, например, чтобы отображать специальный интерфейс для администраторов и модераторов группы.

Дополнительные параметры

Чтобы при запуске передать в приложение произвольные параметры, используйте при генерации ссылки query часть ссылки после символа?, укажите необходимые параметры.

Например,

https://ok.ru/group/1111111111111/app/77777777777?param1=545435345¶m2=HELLO

Данные после? будут переданы при запуске приложения в параметре custom_args .
Запуск приложения со своим кастомными параметрами может использоваться для запуска приложения из публикаций в ленте на конкретное состояние приложения. Например, на конкретный тест, анкету, услугу и т.д.

Отправка личных сообщений

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

Когда приложение будет запущено администратором группы (с viewer_type=ADMIN ), запросить право на отправку личных сообщений от имени группы. Используя Javascript SDK , вызвать виджет запроса пермиссии. Пример вызова:

OKSDK.Widgets.askGroupAppPermissions(‘GROUP_BOT_API_TOKEN’, return_url);

Если администратор нажмет “Разрешить” , в API_callback (см. FAPI JS) или на return_url придет access_token для работы с BotAPI .
Токен можно получить один раз и запомнить на стороне приложения, но администратор может в любой момент его инвалидировать через Настройки группы .

У пользователя запросить разрешение на отправку сообщений от группы, используя Javascript SDK вызвать виджет запроса пермиссии.
Пример вызова:

OKSDK.Widgets.askGroupAppPermissions(‘MESSAGES_FROM_GROUP’, return_url);

Использовать Bot API для отправки сообщений пользователям.
Для посылки сообщения необходимо отправить POST запрос в формате JSON на url (используя access_token полученный на первом шаге):

https://api.ok.ru/graph/me/messages/chat:C3ecb9d02a600?access_token=TOKEN

Отправка текстового сообщения

{ "recipient" : { "user_ids" : [ "user:1111111111111" , "user:222222222222" , "user:3333333333333" ] }, "message" : { "text" : "Привет" } }

Отправка сообщения с фото

{ "recipient" : { "user_ids" : [ "user:1111111111111" , "user:222222222222" , "user:3333333333333" ] }, "message" : { "attachment" : { "type" : "image" , "payload" : { "url" : "https://st.mycdn.me/res/i/ok_logo.png" } } } }

В одном запросе можно передать максимум 100 получателей сообщения. В ответ придёт JSON массив true/false , кому получилось отправить сообщение.

Публикация постов в ленты пользователей и группу

Для публикации постов в ленты пользователей и группу (в том числе с блоком ссылки на игру с картинкой), предлагаем использовать виджет публикации из Javascript SDK :

OKSDK . Widgets . post ( return_url , { "attachment" : { "media" : [ { "type" : "text" , "text" : "Hello, world!" }, { "type" : "link" , "url" : "http://ok.ru/group/11111111111/app/22222222222?param1=AAAAAAAAAAA" , "imageUrl" : "http//yoursite.com/640x320.png" , "buttonKey" : "ANSWER" } ] }, "groupId" : 777777777777 } );

Для публикации поста в группу, естественно, приложение должно быть запущено от имени админа или модератора группы.
Если не передавать groupId, то пост опубликуется в ленту пользователя.
Размер картинки должен быть не меньше 640x320. Для лучшего отображения на всех платформах без обрезаний рекомендуем использовать горизонтальные картинки с пропорцией сторон 2:1 (идеально именно 640x320).
Для публикации используется аналогичный формат параметра attachment, как и в методе mediatopic.post .
Значения для параметра buttonKey: RUN, PLAY, OPEN, LINK, VIEW, READ, CALL, LISTEN, JOIN, WRITE, MORE, BUY, BUY_TICKET, FILL, CONTACT, ANSWER, PASS_TEST, ENROLL

Передача заголовка, описания и картинки при публикации ссылки

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

Заголовок блока ссылки составляется на основе тега: ,<br> описание - на основе тега: <meta name="desсription"> ,<br> картинка - на основе тега: <meta property="og:image" content="url"/> , либо из картинок, найденных в коде запрашиваемой страницы.</p><p>При отсутствии этих тегов или если страница вернула ошибку, веб-граббер возьмет заголовок и описание из метаданных приложения в ОК, а картинку предложит загрузить пользователю самостоятельно.</p><p>При запросе на сайт приложения за данными для блока ссылки, веб-граббер составит анонимный запрос без данных сессии и пользователя, передавая только следующие параметры:</p><p>При вызове добавляется параметр <i>grabber=1 </i>. По этому признаку можно определить, что запрос с веб-граббера и приложению не обязательно выдавать весь <i>html </i>, ограничившись лишь <i>title </i>, <i>description </i> и <i>image </i> в <i>head </i>-е кода страницы.</p><h2>Установка приложения с внешнего сайта по прямой ссылке</h2><p>Вы можете разместить на своем сайте кнопку для установки приложения в группы пользователя. Используйте ссылку такого вида:</p><p>https://ok.ru/appinstall/APP_ID</p><p>Здесь APP_ID - ID приложения.</p><p>Также рекомендуем использовать этот виджет установки приложения, в случаях, когда приложение было запущено без параметра group_id. Например, пользователь запустил его из списка приложений, а не из группы. В этом случае рисовать красивую заглушку и кнопку с ссылкой на этот виджет.</p><h2>Переход по внешней ссылке из приложения (открытие в браузере из мобильного приложения)</h2><p>Групповые приложения в наших Android/iOS мобильных приложениях открываются во WebView и визуально выглядят, как часть нашего приложения.<br> В большинстве приложений вызов каких-то страниц не во WebView, а в браузере - не понадобится.<br> Но иногда, например, когда приложение использует свой механизм оплаты - мы не разрешаем открывать внутри WebView такие страницы. Пользователь должен четко понимать, что он производит оплату не в Одноклассники, а напрямую в ваш сервис.</p><p>Такие страницы должны быть открыты на мобильных приложениях в браузере.<br> Для этого нужно:</p><ul><li>При инициализации Javascript SDK передать параметр <b>use_extlinks: true </b>. Например:</li> </ul> var config = { app_id : 0 , app_key : "" , use_extlinks : true }; OKSDK . init (config , function () { //on success }, function (error ) { //on error }); <ul><li>Пометить ссылку классом <b>js-sdk-extlink </b>. Например:</li> </ul><p>Заплатить</p><h2>Модерация и размещение в каталоге</h2><p>Список всех приложений, которые доступны для добавления в свои группы, администратор может просмотреть в разделе <i>«Настройки» </i> -> <i>«Приложения» </i>.</p><p>В этот каталог попадают только одобренные приложения, которые соответствуют Правилам размещения групповых приложений .<br> Чтобы подать заявку на модерацию и разместить свое приложение в каталоге, создайте заявку на странице модерации с указанием платформы <i>“Приложение групп” </i>.<br> В заявке должна содержаться вся необходимая информация о приложении.</p> <script type="text/javascript">  </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> <div class="clear"></div> <div class="afterpage author_rank"> <div class="social"> <div class="expert-title">Поделись статьей:</div> <div style="float:left" class="yashare-auto-init" data-yashareL10n="ru" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yasharetheme="counter" data-yasharetype="big"></div> </div> <div class="clear"></div> </div> <div class="clear"></div> <div class="clear"></div> <div class="related_posts"> <div class="title">Похожие статьи<span></span></div> <ul> <div class='yarpp-related'> <li> <div> <div class="top"> <div class="replace post_243"> <div class="img_border"> <span></span> <img src="/uploads/4688902c02b3129432fd5ab3bcc0fe95.jpg" alt="Лучшие смартфоны Fly Аппаратная платформа: процессор, память, быстродействие" title="Лучшие смартфоны Fly Аппаратная платформа: процессор, память, быстродействие" loading=lazy> </div> </div> </div> <div class="clear"></div> <div class="info"> <div class="date">17 апреля 2015</div> <a class="replace post_243" href="/cmartfony-fly---vse-modeli-ceny-i-foto-luchshie-smartfony-fly-apparatnaya.html">Лучшие смартфоны Fly Аппаратная платформа: процессор, память, быстродействие</a> </div> </div> <div class="clear"></div> </li> <li> <div> <div class="top"> <div class="replace post_243"> <div class="img_border"> <span></span> <img src="/uploads/28af35ae6ae5f4152e82d07e14d56027.jpg" alt="Соляная лампа «Каменный цветок" title="Соляная лампа «Каменный цветок" loading=lazy> </div> </div> </div> <div class="clear"></div> <div class="info"> <div class="date">17 апреля 2015</div> <a class="replace post_243" href="/solyanaya-lampa-kamennyi-cvetok-solyanaya-lampa-kamennyi-cvetok-osnovnye.html">Соляная лампа «Каменный цветок</a> </div> </div> <div class="clear"></div> </li> <li> <div> <div class="top"> <div class="replace post_243"> <div class="img_border"> <span></span> <img src="/uploads/58df8305c13f615808e9c9354645c57e.jpg" alt="Продуктивные способы потратить время в интернете" title="Продуктивные способы потратить время в интернете" loading=lazy> </div> </div> </div> <div class="clear"></div> <div class="info"> <div class="date">17 апреля 2015</div> <a class="replace post_243" href="/chto-mozhno-iskat-v-inete-produktivnye-sposoby-potratit-vremya-v.html">Продуктивные способы потратить время в интернете</a> </div> </div> <div class="clear"></div> </li> <li> <div> <div class="top"> <div class="replace post_243"> <div class="img_border"> <span></span> <img src="/uploads/2b139f01ae383b3326dfb17779cccef7.jpg" alt="Как установить приложение плей маркет на ноутбук" title="Как установить приложение плей маркет на ноутбук" loading=lazy> </div> </div> </div> <div class="clear"></div> <div class="info"> <div class="date">17 апреля 2015</div> <a class="replace post_243" href="/prilozhenie-plei-market-ustanovit-na-noutbuk-kak-ustanovit.html">Как установить приложение плей маркет на ноутбук</a> </div> </div> <div class="clear"></div> </li> </div> </ul> </div> <div class="clear"></div> <div class="clear"></div> <div class="bread_wrap" xmlns:v="http://rdf.data-vocabulary.org/#"> </div> <div class="clear"></div> </div> <div class="sidebar col-xs-12 col-md-3 col-lg-3"> <div class="aside nav podrubriki"><div class="first_title"></div><div class="subnavtitle">Типы<span></span></div><ul class="subnav"> <li><span class="asideli related-link" data-href="/category/routers/">Роутеры</span></li> <li><span class="asideli related-link" data-href="/category/hard-drives/">Жесткие диски</span></li> <li><span class="asideli related-link" data-href="/category/not-included/">Не включается</span></li> <li><span class="asideli related-link" data-href="/category/printers/">Принтеры</span></li> <li><span class="asideli related-link" data-href="/category/inhibits/">Тормозит</span></li> <li><span class="asideli related-link" data-href="/category/hangs/">Зависает</span></li> <li><span class="asideli related-link" data-href="/category/viruses/">Вирусы</span></li> <li><span class="asideli related-link" data-href="/category/tablets/">Планшеты</span></li> </div> <div class="clear"></div> <div class="sidebar_pop_articles"> <div class="title">Популярные статьи<span></span></div> <ul> <li> <div class="replace post_87"> <div class="top"> <div class="img_border"> <span></span> <img src="https://i0.wp.com/coremission.net/wp-content/uploads/2017/10/rukovodstvo-2d-grafika-1.png" alt="Спрайты для игр - что это такое?" title="Спрайты для игр - что это такое?" loading=lazy> </div> </div> <div class="info"> <a href="/tekstury-dlya-2d-igr-spraity-dlya-igr---chto-eto-takoe-chto-takoe-spraity.html" class="replace post_87">Спрайты для игр - что это такое?</a> </div> </div> <div class="clear"></div> </li> <li> <div class="replace post_87"> <div class="top"> <div class="img_border"> <span></span> <img src="https://i2.wp.com/111999.ru/wp-content/uploads/2016/02/Bitcoin-618x355.jpg" alt="Виртуальные деньги - это реальные деньги" title="Виртуальные деньги - это реальные деньги" loading=lazy> </div> </div> <div class="info"> <a href="/novye-dengi-virtualnye-kak-nazyvayutsya-virtualnye-dengi.html" class="replace post_87">Виртуальные деньги - это реальные деньги</a> </div> </div> <div class="clear"></div> </li> <li> <div class="replace post_87"> <div class="top"> <div class="img_border"> <span></span> <img src="https://i1.wp.com/windwix.ru/wp-content/uploads/2017/02/perenos-win7-5.jpg" alt="Перенос Windows на другой пустой жёсткий диск программой AOMEI Partition Assistant Перестановка hdd с системой на другой компьютер" title="Перенос Windows на другой пустой жёсткий диск программой AOMEI Partition Assistant Перестановка hdd с системой на другой компьютер" loading=lazy> </div> </div> <div class="info"> <a href="/pochemu-ne-zapuskaetsya-windows-pri-perenose-zhestkogo-diska-na-drugoi-kompyuter.html" class="replace post_87">Перенос Windows на другой пустой жёсткий диск программой AOMEI Partition Assistant Перестановка hdd с системой на другой компьютер</a> </div> </div> <div class="clear"></div> </li> <li> <div class="replace post_87"> <div class="top"> <div class="img_border"> <span></span> <img src="https://i2.wp.com/alpinefile.ru/wp-content/uploads/itunes-12-300x206.png" alt="Скачать iTunes на Windows" title="Скачать iTunes на Windows" loading=lazy> </div> </div> <div class="info"> <a href="/poslednyaya-versiya-aityuns-dlya-kompyutera-skachat-itunes-na-windows.html" class="replace post_87">Скачать iTunes на Windows</a> </div> </div> <div class="clear"></div> </li> <li> <div class="replace post_87"> <div class="top"> <div class="img_border"> <span></span> <img src="https://i1.wp.com/ermakovandrey.ru/wp-content/uploads/2017/05/%D0%9F%D1%80%D0%B5%D0%B4%D0%B8%D1%81%D0%BB%D0%BE%D0%B2%D0%B8%D0%B5-%D0%BE%D0%B1%D1%80%D0%B5%D0%B7%D0%B0%D0%BB.png" alt="ShadowBan в Instagram – как выйти из тени (инструкция по выживанию) Скрытый бан аккаунта в instagram" title="ShadowBan в Instagram – как выйти из тени (инструкция по выживанию) Скрытый бан аккаунта в instagram" loading=lazy> </div> </div> <div class="info"> <a href="/shadowban-kak-vyvesti-stranicu-iz-teni-v-instagram-shadowban-v-instagram-kak-vyiti-iz-teni.html" class="replace post_87">ShadowBan в Instagram – как выйти из тени (инструкция по выживанию) Скрытый бан аккаунта в instagram</a> </div> </div> <div class="clear"></div> </li> <li> <div class="replace post_87"> <div class="top"> <div class="img_border"> <span></span> <img src="https://i1.wp.com/smartphonus.com/wp-content/uploads/2015/01/012815_1226_32.png" alt="GSM-модуль Starline — чем он хорош и как установить?" title="GSM-модуль Starline — чем он хорош и как установить?" loading=lazy> </div> </div> <div class="info"> <a href="/kak-pravilno-otklyuchat-mobilnyi-modul-na-smartfone-gsm-modul-starline.html" class="replace post_87">GSM-модуль Starline — чем он хорош и как установить?</a> </div> </div> <div class="clear"></div> </li> </ul> <div class="clear"></div> </div> <div class="clear"></div> <div class="sidebar_new_articles"> <div class="title">Новые статьи<span></span></div> <ul> <li> <a href="/kak-polnostyu-otklyuchit-dashboard-v-os-x-mavericks-vidzhety-v-dashboard-kak.html" class="replace post_1054">Виджеты в Dashboard Как закрыть dashboard</a> <div class="clear"></div> </li> <li> <a href="/tranzistor-kt815-parametry-cokol-vka-i-analogi-tranzistor-kt815-parametry.html" class="replace post_1054">Транзистор КТ815: параметры, цоколёвка и аналоги Кт 815 в каком режиме работает</a> <div class="clear"></div> </li> <li> <a href="/ne-obnaruzhen-klyuch-zashchity-programmy-7-7-problemy-s-klyuchami.html" class="replace post_1054">Не обнаружен ключ защиты программы 7</a> <div class="clear"></div> </li> <li> <a href="/1s-ogranichenie-dostupa-k-dannym-na-urovne-zapisei-rls-gibkaya-i-tonkaya-nastroika.html" class="replace post_1054">RLS – гибкая и тонкая настройка ограничений доступа к данным</a> <div class="clear"></div> </li> <li> <a href="/chto-takoe-hyper-threading-kak-vklyuchit-podderzhku-v-bios-hyper-v-v-windows.html" class="replace post_1054">Как включить поддержку в BIOS?</a> <div class="clear"></div> </li> </ul> <div class="clear"></div> </div> <div class="clear"></div> <div class="sidebar_question"> <div id="dirace1" style="height:300px;width:200px;" align="center"></div> </div><p></p><div class="clear"></div></div> </div> <div class="clear"></div> <div class="section morkovin-antireklama-sidebar Closure"><div id="smartrotator_ad_1610"></div></div> </div> <div class="clear"></div> <div class="clear"></div> </div> </div> <div class="clear"></div> <footer class="footer"> <div class="kartasajta"><a href="/sitemap.xml">Карта сайта</a></div> <div class="top_footer"> <div class="inner"> <div class="footer_col col-xs-6 col-sm-4 col-md-4"> <span data-href="/" class="related-link logo"> <div class="logo_text1"><img src="/public/logo.png" loading=lazy></div> </span> <div class="clear"></div> <p class="copyright"> © 2024 anyhost.ru - Сайт о компьютерах и комплектующих<br /> <span></span> </p> </div> <div class="footer_col col-xs-12 col-sm-2 col-md-2"> <p class="foot_cat_title">Другое</p> <ul class="categories"> <li><span class="related-link" data-href="">О сайте</span></li> <li><span class="related-link" data-href="">Реклама</span></li> <li><span class="related-link" data-href="/feedback.html">Контакты</span></li> </ul> </div> <div class="footer_col col-xs-6 col-sm-2 col-md-2 rubric_col"> <p class="foot_cat_title">Рубрики</p> <ul id="nav" class="categories"> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/routers/">Роутеры</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/hard-drives/">Жесткие диски</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/not-included/">Не включается</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/printers/">Принтеры</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/inhibits/">Тормозит</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/hangs/">Зависает</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/viruses/">Вирусы</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/tablets/">Планшеты</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/installation/">Установка устройств</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/application/">Приложения</a></li> </ul> </div> <div class="clear"></div> </div> </div> <div class="clear"></div> </footer> <div id="toTop"></div> <script type="text/javascript" src="https://anyhost.ru/wp-content/plugins/service_binet/ajax.js"></script><button id="responsive-menu-button" class="responsive-menu-button responsive-menu-boring responsive-menu-accessible" type="button" aria-label="Menu"> <span class="responsive-menu-box"> <span class="responsive-menu-inner"></span> </span> </button><div id="responsive-menu-container" class="slide-left" style="padding:20px;"> <ul> <li><a style="color:white;" href="/category/routers/">Роутеры</a></li> <li><a style="color:white;" href="/category/hard-drives/">Жесткие диски</a></li> <li><a style="color:white;" href="/category/not-included/">Не включается</a></li> <li><a style="color:white;" href="/category/printers/">Принтеры</a></li> <li><a style="color:white;" href="/category/inhibits/">Тормозит</a></li> <li><a style="color:white;" href="/category/hangs/">Зависает</a></li> <li><a style="color:white;" href="/category/viruses/">Вирусы</a></li> <li><a style="color:white;" href="/category/tablets/">Планшеты</a></li> <li><a style="color:white;" href="/category/installation/">Установка устройств</a></li> <li><a style="color:white;" href="/category/application/">Приложения</a></li> </ul> </div> <link rel='stylesheet' id='yarppRelatedCss-css' href='/wp-content/plugins/yet-another-related-posts-plugin/style/related.css?ver=4.9.1' type='text/css' media='all' /> <script type='text/javascript' src='https://anyhost.ru/wp-content/plugins/wp-postratings/js/postratings-js.js?ver=1.85'></script> <script type='text/javascript'> /* <![CDATA[ */ var JQLBSettings = { "fitToScreen":"1","resizeSpeed":"400","displayDownloadLink":"0","navbarOnTop":"0","loopImages":"","resizeCenter":"","marginSize":"0","linkTarget":"","help":"","prevLinkTitle":"previous image","nextLinkTitle":"next image","prevLinkText":"\u00ab Previous","nextLinkText":"Next \u00bb","closeTitle":"close image gallery","image":"Image ","of":" of ","download":"Download","jqlb_overlay_opacity":"80","jqlb_overlay_color":"#000000","jqlb_overlay_close":"1","jqlb_border_width":"10","jqlb_border_color":"#ffffff","jqlb_border_radius":"0","jqlb_image_info_background_transparency":"100","jqlb_image_info_bg_color":"#ffffff","jqlb_image_info_text_color":"#000000","jqlb_image_info_text_fontsize":"10","jqlb_show_text_for_image":"1","jqlb_next_image_title":"next image","jqlb_previous_image_title":"previous image","jqlb_next_button_image":"http:\/\/anyhost.ru\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/ru_RU\/next.gif","jqlb_previous_button_image":"http:\/\/anyhost.ru\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/ru_RU\/prev.gif","jqlb_maximum_width":"","jqlb_maximum_height":"","jqlb_show_close_button":"1","jqlb_close_image_title":"close image gallery","jqlb_close_image_max_heght":"22","jqlb_image_for_close_lightbox":"http:\/\/anyhost.ru\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/ru_RU\/closelabel.gif","jqlb_keyboard_navigation":"1","jqlb_popup_size_fix":"0"} ; /* ]]> */ </script> <script type='text/javascript' src='https://anyhost.ru/wp-content/plugins/wp-lightbox-2/wp-lightbox-2.min.js?ver=1.3.4.1'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> <script async="async" type='text/javascript' src='https://anyhost.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.1'></script> </body> <script src="https://anyhost.ru/wp-content/themes/avada/js/jquery.jshowoff.min.js"></script> <script> (function($){ $(window).scroll(function() { if($(this).scrollTop() > 200) { $('#toTop').fadeIn(100); } else { $('#toTop').fadeOut(100); } } ); $('#toTop').click(function() { $('body,html').animate({ scrollTop:0} ,400); } ); $('.navbar-toggle').click(function(e){ e.preventDefault(); $('#navbar').show(500); $('.wrapper, footer, body, .mobile_search').addClass('righted'); $('.navbar-toggle').fadeOut(500); } ); $('.mobile_close').click(function(e){ e.preventDefault(); $('#navbar').hide(500); $('.wrapper, footer, body, .mobile_search').removeClass('righted'); $('.navbar-toggle').fadeIn(500); } ); $('#features').jshowoff({ autoPlay: true, hoverPause: false, speed:3000, changeSpeed: 200, links: true, effect: 'fade', controls: false } ); } )(jQuery); </script> <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> </html>