Используем информер погоды на сайте

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

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

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

Чтобы получить информер погоды для своего сайта, вам нужно перейти на страницу http://www.gismeteo.ru/informers/, где кликнуть мышкой по одному из представленных (отличие в дизайне):

информер погоды

Клик для увеличения

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

  • язык
  • местоположение
  • какие данные показывать в информере
  • размер
  • цветовую гамму и пр.

Обратите внимание на кодировку: если у вас сайт на WordPress, то она останется UTF-8. Если другой движок, то посмотрите по CTRL+U в браузере в самом начале кода вашего сайта.

Кодировка сайта

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

Код будет выглядеть вот так:

<!-- Gismeteo informer START -->
<link rel="stylesheet" type="text/css" href="http://www.gismeteo.ru/static/css/informer2/gs_informerClient.min.css">
<div id="gsInformerID-3YNw1hgL7M8Rlo" class="gsInformer" style="width:210px;height:193px">
  <div class="gsIContent">
   <div id="cityLink">
     <a href="http://www.gismeteo.ru/city/daily/4368/" target="_blank">Погода в Москве</a>
   </div>
   <div class="gsLinks">
     <table>
       <tr>
         <td>
           <div class="leftCol">
             <a href="http://www.gismeteo.ru" target="_blank">
               <img alt="Gismeteo" title="Gismeteo" src="http://www.gismeteo.ru/static/images/informer2/logo-mini2.png" align="absmiddle" border="0" />
               <span>Gismeteo</span>
             </a>
           </div>
           <div class="rightCol">
             <a href="http://www.gismeteo.ru/city/weekly/4368/" target="_blank">Прогноз на 2 недели</a>
           </div>
           </td>
        </tr>
      </table>
    </div>
  </div>
</div>
<script src="http://www.gismeteo.ru/ajax/getInformer/?hash=3YNw1hgL7M8Rlo" type="text/javascript"></script>
<!-- Gismeteo informer END -->

Его вставляете на своем сайте в виджет Текст.

По желанию можете прикрыть активные ссылки через rel="nofollow" (тут 3 ссылки на сайт Gismeteo).

Если вы любите как и я делать сайт своими руками, то советую для начала psd исходники скачать, чтобы научиться верстать из них формы и готовые страницы. А затем останется научиться натягивать верстку на CMS.

Привет. Меня зовут Виталик и я автор этого блога, а так же Магазина WordPress https://wp-r.ru/.

Отблагодарить Z888279575784 R109400923968 или ЯД 41001651742138

Оказываю услуги по созданию и настройке сайтов на WordPress (верстка, натяжка).

Мои Контакты. Я в Twitter @mojWP. Смотри на Youtube. Читай RSS блога.

Опубликовано 8 комментариев
  1. Андрей (129 комм.):
    http://zarobitok.ru

    Тоже ставил данный информер погоды на один из своих сайтов удобно погода всегда под руками.

  2. Артём Черкасов (83 комм.):
    http://zarabotka.guru/

    Да ну, зачем я буду продвигать гисметео =)

    • Виталий (1674 комм.):
      http://mojWP.ru/

      Не совсем понимаю причем тут продвижение гисметео и расширение функционала сайта, о чем рассказано в статье.

      • Артём Черкасов (83 комм.):
        http://zarabotka.guru/

        Ну, может при том, что виджет от гисметео?)

        • Виталий (1674 комм.):
          http://mojWP.ru/

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

  3. Алексей (1 комм.):
    http://yroki-kompa.ru

    Спасибо за инструкцию! информер успешно установил,ну и ссылки тоже прикрыл нофоллоу

  4. Светлячок (1 комм.):

    а на свою страницу форума не прикручивается?

    • Виталий (1674 комм.):
      http://mojWP.ru/

      Все прикручивается

Не держи в себе. Выскажись.

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2011-2016 | mojwp.ru | Копирование материала разрешено только с письменного согласия
WordPress: 12.74MB | MySQL:71 | 0,368sec
Премиальные плагины для CMS WordPress
Магазин WordPress WP-R.ru
Спасибо, не показывайте мне эту штуку больше!
Смотри мои обучающие видео на YouTube
Иван только что купил плагин ELT
https://wp-r.ru/plaginy/elt.html