Меню Рубрики

Установка информера на сайте

База знаний uCoz

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

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

Данная инструкция включает в себя следующие разделы:

Создание и настройка информера

В панели управления сайтом перейдите в раздел «Инструменты». В меню слева выберите «Информеры» и на открывшейся странице нажмите на кнопку «Добавить»:

Откроется страница с настройками информера:

В блоке «Основное» можно настроить опции:

  1. Введите название информера. Оно будет отображаться в списке информеров, и по нему администратор сможет различать информеры.
  2. Выберите раздел, информацию из которого хотите показать на сайте.
  3. Укажите тип подгружаемых данных (материалы или категории). Данная настройка доступна не для всех разделов сайта.
  4. Выберите тип сортировки материалов внутри информера.
  5. В поле «Количество материалов» укажите их максимальное значение (от 1 до 50).
  6. Укажите количество столбцов для отображения материалов (от 1 до 20).>В поле «Количество материалов» укажите их максимальное значение (от 1 до 50).
  7. Можно выбрать период, за который будут отображаться материалы (День/Месяц/Год)

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

Настройка внешнего вида информера

Чтобы настроить внешний вид канала, потребуются базовые знания HTML. Если вы сомневаетесь в своих силах, обратитесь за помощью. Если не планируете менять внешний вид материалов, нажмите на кнопку «Добавить» и переходите к пункту «Размещение информера на сайте».

На вкладке «Шаблон» вы можете задавать индивидуальный способ отображения материалов, который впишется в дизайн сайта:

Используя приведенные ниже $коды$ и HTML, добейтесь желаемого результата. Когда будет готово, нажмите на кнопку «Сохранить». Информер будет добавлен в список:

Чтобы перейти к следующему шагу, скопируйте код информера (код выделится, если кликнуть по информеру в таблице). В нашем примере это $MYINF_1$.

Размещение информера на сайте

Перейдите на сайт и выполните вход в учетную запись администратора. В панели инструментов включите конструктор:

Когда блок появится на экране, перетащите его в боковую колонку, зажав левую клавишу мыши:

Нажмите на изображение синей шестеренки:

Перейдите на вкладку HTML (1) и вставьте скопированный ранее код (2). Нажмите на кнопку «Сохранить»:

Сохраните внесенные через конструктор изменения:

источник

Установка информера на сайте

В базе знаний есть новая инструкция по этой теме

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

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

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

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


В данной инструкции будет рассмотрено подробно как создать информер, от его создания и настройки, до его установки на сайт.

1.1 Необходимо зайти в панель управления, на главной странице панели управления выбрать «Информеры» (рис. 1)

1.2 На странице с информерами вверху справа нажать на кнопку «Создать информер» (рис .2), после чего откроются две опции, «Название информера» и «Раздел» (рис. 3)

Название информера — необходимо для Вас, чтобы не запутаться когда информеров будет много.

Раздел (рис 4)- здесь выбирается раздел для которого необходимо создать информер. Разделов всего семнадцать, это:

Новости сайта
Блог
Каталог статей
Каталог файлов
Каталог сайтов
Доска объявлений
Фотоальбомы
Форум
Пользователи
Комментарии
Случайные данные
Счётчики для посетителей
Пользователи посетившие сайт за текущий день
Стчётчики материалов
Теги
Онлайн игры
Интернет-магазин

1.3 После того как Вы выбрали название модуля и раздел, Вам откроются следующие опции (рис 5), это:

Тип данных — Данные, которые необходимо получать для создания информера. (Материалы, Категории, Календарь и т.п.)

Способ сортировки
— Определяет порядок вывода материалов.
(Дата добавления материала A, Дата добавления материала D, Рейтинг материала A, Рейтинг материала D, Количество просмотров A, Количество просмотров D, Комментарии к материалу A, Комментарии к материалу D, В случайном порядке, Название материала и т.п.)

— Где А — обозначает более старую дату материала и читаеться как «Меньше» или «Раньше».
— Где D — обозначает более новою дату материала и читается как «Больше» или «Последний».

Читайте также:  Установка лопаты на фургон

Количество материалов — Количество выводимых в информере материалов.

Количество колонок — Количество колонок для вывода материалов. (от 1 до 20)

— Количество колонок, влияет на вид информера (горизонтальный и вертикальный). Если выбрать количество материала 12 и количество колонок 3 — это будет означать что информер будет выводить материал в три колонки по 4 материала (горизонтальный вид). Если выберать одну колнку — это будет означать что информер будет выводить в одну колонку 12 материаов (вертикальный вид).

Материалы за текущий день — Если поставить галочку, будут выводиться материалы только за текущий день. Если материалов в модуле за сегодняшний день не добавлено будет выводится надпись «Сегодня материалов нет». Или любой другой текст, который Вы укажите.

Кроме основных опций, доступны и дополнительные опции (рис 6) Для того чтобы их открыть нужно нажать на ссылку [ Дополнительные опции ] внизу слева (рис 5). Они могут понадобится если нужно вывести материал из определённых разделов и категорий. А так же если нужно указать длину заголовка новости.

В дополнительных опциях, есть подробное описание и инструкция. Главное здесь не перепутать ID разделов и категорий и тогда всё получится правильно!

1.4 После того как все настройки сделаны нужно нажать на кнопку «Создать» и таким образом создать информер. После того как информер будет создан, он появится в низу (рис 7).

Стоит отметить что в примере, создан информер новостей со способом сортировки «Дата добавления материала D» (т.е последние добавленные новости), количеством материала 5 и 1 колонкой (рис 7).

1.5 На данном этапе информер создан. Для того чтобы получить его код и вставить на страницы сайта, нажмите на заголовок информера (Рис. 8) и скопируйте полученный код (Рис. 9).

Далее перейдите на главную страницу панели управления и выберите «Управление дизайном» (рис 10).

В управлении дизайном выберите первый или Второй контейнер и вставьте код информера в блок (рис. 11, 12).

После добавления кода информера в блок сайта и сохранения, можно перейти на сайт и посмотреть как он отображается (рис. 13).

Если Вас не устраивает такой вид отображения информера, тогда отредактируйте информер!

После того как информер создан, его можно изменить — отредактировать его шаблон(рис. 14) и настройки (рис 15). А так же удалить.

2.1 Настройка шаблона (дизайна) информера заключается в изменении стандартного шаблона. Для того чтобы открыть шаблон информера нажмите на ссылку «[Шаблон информера]» (рис. 14),или кнопку «Изменить дизайн шаблона справа», после чего откроется окошко (рис. 16) — это и есть шаблон информера.

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

Для того чтобы изменить шаблон информера нужно просто изменить/заменить содержимое, после чего сохранить изменённый шаблон (рис. 17).

В данном примере (рис. 17), в шаблоне информера было добавлено изображение 1, убрано количество комментариев и название категории. После чего новый шаблон был сохранён. Всё, теперь нужно перейти на сайт и посмотреть как информер отображается теперь. Копировать код информера и переустанавливать заново — НЕ нужно!

Такой вид имеет информер после изменения его шаблона (рис. 18)

Код шаблона информера последних новостей с картинкой слева и заголовком справа, как на примере (рис. 17, 18).

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

— Для того чтобы убрать из информера дату добавления новости (рис. 18), уберите с кода шаблона код [$DATE$].

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

200?’200px’:»+(this.scrollHeight+5)+’px’);»>

— w (пример кода ниже). После этого все изображения будут иметь одинаковую высоту.

200?’200px’:»+(this.scrollHeight+5)+’px’);»>

[$DATE$]

источник

Как установить информер погоды на сайт

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

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

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

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

Что это такое

Погодный информер – это элемент на рабочем столе либо странице сайта (текстовый или графический), который отображает информацию о текущих и грядущих метеоусловиях. Как правило, все необходимые данные умещаются на баннере (наиболее распространенный формат – .png ) размером около 200 на 100 пикселей.

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

Устанавливаем на рабочий стол

Рассмотрим два простых способа оснастить свой рабочий стол погодным информером.

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


Всё очень просто.

Второй способ – это загрузить понравившийся информер из интернета ( если стандартный не по душе ). Введя в строке поиска запрос и перейдя по одному из результатов, получаем предложение загрузить погодный информер от компании Яндекс:


Препятствий, опять же, никаких.

Популярные решения для сайта

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

  • Информер Gismeteo . Очень популярное решение среди вебмастеров и пользователей сайтов:


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


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

  • Информер Погода.Ru . Не идет ни в какое сравнение с популярностью двух предыдущих сервисов.

Однако очень удобен для быстрой установки стандартного информера на свой сайт ( сразу предлагается html-код ):


Дизайн установленного элемента кажется несколько аскетичным ( впрочем, как и сам сайт Погода.Ру ).

Устанавливаем на сайт

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

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

  • Заходим на сайт Gismeteo.ru , выбираем раздел « Информеры », а в нем вкладку «Конструктор»:

  • Далее настраиваем параметры. Следует обратить внимание на возможность мониторинга погоды одновременно в нескольких населенных пунктах:

  • Настроив по своему усмотрению остальные параметры, вводим адрес своего сайта и электронной почты. Код информера будет выслан на ваш e-mail :


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

источник

Счетчик Яндекса — как настроить и вставить информер (видимую часть) и скрипт на сайт WordPress

Здравствуйте, уважаемые читатели блога Goldbusinessnet.com! В достаточно объемном мануале, посвященном описанию регистрации в Метрике и настройкам своего аккаунта на этом сервисе, я коснулся процесса установки счетчика Яндекс (в том числе его видимой части — информера) на вебсайт WordPress.

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

На своем блоге я уже посвятил немало материалов по вставке самых различных счетчиков посещаемости (здесь — о размещении каунтера LiveInternet, тут — TOP Mail.ru, а здесь — Рамблер и Openstat). Механизмы внедрения их на WordPress практически идентичны, включая Яндекс Метрику, однако сегодня я добавлю некоторые нюансы.

Как настроить информер и получить Яндекс счётчик для сайта WP

До недавнего времени, безусловно, самым функциональным и популярным в рунете был каунтер от Лайвинтернета. Статистика на LI многогранная и всеобъемлющая. Однако, в данном аспекте на современном этапе счетчик посещений на сайт от Метрики Яндекса этому сервису, пожалуй, ни в чем не уступает.

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

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

Яндекс информер, который мы будем вставлять на свой проект, начнет отображать основные данные Метрики о посещаемости, причем вполне правдивые, если корректно установлен код. Ну а теперь перейдем вплотную к практическим действиям.

Сразу скажу, что ежели вы получаете доход от размещения объявлений рекламной сети Яндекса (РСЯ), то вместе с контекстными блоками будет загружаться и Метрика. Таким образом, можно считать, что в данном случае вы уже зарегистрированы в системе. Для проверки можете перейти на страничку статистики из своей учетной записи РСЯ:

Однако, вы должны проверить, выводятся ли рекламные объявления на абсолютно всех вебстраницах вашего ресурса. Если это не так, то статистика посещаемости будет не совсем верна. В этом случае следует зарегистрироваться в Яндекс Metrika (как это сделать, подробно описано в статье, ссылка на которую дана в самом начале настоящей публикации).

По сути процесс регистрации можно считать завершенным, если вы получаете электронный ящик на почтовом сервере Yandex. Тогда вы приобретаете Паспорт и доступ ко всем сервисам вам будет открыт. Итак, после регистрации переходите на вебстраницу проектов, где вы можете добавить счётчик посещения сайта:

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

Но нас в рамках сегодняшней темы больше интересует вкладка «Код счетчика», где можно предварительно дополнить настройки и получить непосредственно фрагмент для его вставки на вебсайт Вордпресс:

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

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

Настройка информера Яндекс

Ну а теперь подредактируем информер, который будет отражать визуально основную статистику посещаемости вебресурса. Для этого нужно щелкнуть по кнопке «Настроить»:

Фон видимого счётчика посетителей для сайта выбираем из палитры, которая появится после нажатия на соответствующий квадратик:

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

  • Размеры, варианты которых даны в левом верхнем углу;
  • Установить градиентную заливку (не сплошной однородный цвет, а с плавным переходом степени насыщенности, дающий эффект освещения);
  • Цвет текста (черный или белый) в зависимости от насыщенности фона;
  • Цвет стрелки (левая часть информера);

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

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

Вставка счётчика Яндекс на сайт или блог Вордпресс

Итак, после проведения всех описанных выше действий в личном кабинете Metrika вы получаете код, который будет состоять из двух частей (если вы активировали показ информера в настройках):

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

Установка скрипта счетчика Yandex

Сначала разместим скриптовую часть (на скриншоте выше она выделена в красную рамку). Схематически этот фрагмент, который располагается между открывающим и закрывающим тегами SCRIPT, можно представить так:

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

Замечу, что наиболее оптимальным вариантом является редактирование любых файлов через специальный редактор (например, NotePad++). Для этого необходимо подсоединиться к серверу хостинга по ФТП, где «живут» файлы вашего вэбсайта.

Использование Нотпад++ максимально уменьшает число вероятных ошибок, поскольку там созданы для этого все условия (подсветка синтаксиса для комфортной работы, возможность восстановления старого содержания файлов путем возврата на сколь угодное количество шагов назад и т.п.). Итак, внедряем скрипт, открыв на редактирование FOOTER.PHP:

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

Идея состоит в размещении всех скриптовых фрагментов в едином месте. Это позволит уменьшить количество запросов к базе данных и очистить HTML код страниц. С этой целью создаете на сервере хостинга своего вебсайта файл с расширением .js, применив уже упомянутой мной выше Нотпад++, и помещаете туда все скрипты, включая Yandex Метрику:

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

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

Размещение информера

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

Хотя, конечно, в шапке он будет выглядеть несколько нелепо. Существуют области вэбстраниц, где обычно размещают видимый Yandex счетчик (скажем, sidebar либо footer), эти варианты мы сейчас и рассмотрим. Сделать это можно двумя способами.

1. Вставляем первую часть кода в виджет сайдбара либо футера (подвала), если, конечно, ваша тема WordPress поддерживает эти элементы оформления. Заходим в админ панель и проследуем по пути «Внешний вид» — «Виджеты»:

2. Ежели вы по каким-то причинам не желаете задействовать виджеты, можно то же самое сделать через шаблоны WP, отвечающие за отображение боковой панели или подвала. Сначала размещаем код информера в SIDEBAR.PHP для его вывода в боковой панели:

В случае размещения информера в подвале нужно открыть на редактирование FOOTER.PHP и вписать код в этот шаблон:

Я продемонстрировал эти действия на примере своей темы и разместил информер над блоком Copyright (защиты авторских прав). Однако, универсального метода не существует. Вам придется немного поэкспериментировать и методом случайных итераций найти наиболее подходящее место для видимого счётчика. В любом случае, надеюсь, вам понятно направление, в котором необходимо двигаться.

Далее нелишним будет еще красиво оформить месторасположение информера в выбранной области вебстраницы. Для этого нужно заключить его код в тег DIV и прописать этому контейнеру class (тут о CSS классах статья), задав соответствующие отступы. Для счетчика, расположенного в футере моего блога, правило CSS для класса «count» выглядит так:

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

источник

Добавить комментарий