как вывести город посетителя на сайте скрипт

28.08.202304.05.2023 admin 0 Comments

Определение города посетителя

Отображать город посетителя для улучшения конверсионных показателей магазина. Готовый код вставки в любое место сайта с указанием города, региона и страны. Я перелапатил много скриптов, но именно этот оказался самым простым и результативным! Я использовал его при создании сайта www.mzm-market.ru, где скрипт выводит «доставка в______»

Втавляем в index.tpl (или на странице доставка) в любом нужном месте cледующий код:

Вывод производится с помощью:

Хочу немного дополнить данный пост (редакция от 18.02.2017).

При использовании вышеописанного скрипта во многих городах и браузерах просто ничего не отображалось и после долгих поисков я нашел наверное самый работоспособный скрипт определение страны, региона, города через яндекс API. Проверял его через своих клиентов, которые находятся практически по всей России и за её пределами и этот скрипт показал себя отлично! Вот скриншот моего клиента:

Сами понимаете что всё опредилилось чётко! Ну не буду вас мучать писаниной и приведу пример!

js Определение страны, области, города через яндекс API

Просто вставьте этот код между тегами

А этот код в нужное место на своей странице:

Демонстрация

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

Источник

Определить город пользователя по IP адресу для сайта.

Готовый скрипт определения города при заходе посетителя на сайт

Определение города посетителя по IP адресу

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

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

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

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

Для того чтобы определить города посетителя и показать его на страницах вашего сайта, есть много самых разных способов, есть сложные методы определение города по IP пользователя, есть более простые методы реализации и вывода названия города посетителя на сайте, мы же сегодня будем рассматривать два варианта определения и вывода страны и города посетителя на вашем сайте, а именно рассмотрим простую реализацию которую предоставляет нам яндекс, а так же немного сложнее способ Sypex Geo от создателей замечательного продукта Sypex Dumper.

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

Определение города посетителя используя яндекс API.

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

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

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

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

Источник

Выбор города. Простой скрипт для любого сайта.

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

Скрипт-модуль выбора города (страны или региона)

Сразу оговоримся, что этот скрипт-модуль можно применить для любого интернет-ресурса, на котором используется свежая библиотека jQuery (версии выше 2). Его можно разместить в коде нужной страницы сайта в любом расположении: в шапке, в боковом правом или левом меню, в подвале сайта. Если на ресурсе используется какой-либо движок (CMS, система управления содержимым), то вставку можно произвести через использование виджета «HTML-код».

Полный листинг кода скрипта выбора города для сайта:

Далее, подробно разберём этот код.

Список выбора региона, страны или города

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

Если нужно больше локаций — добавляйте, но делайте уникальные ID — они нам пригодятся. Далее, указываем в нужном месте информацию, которая будет выводится в зависимости от выбранного города (ВАЖНО! Указывайте классы с таким же названием, как и в ID select-а):

Обратите внимание, вложенные блоки основного контейнера будут скрыты с помощью:

Jquery магия

Теперь начинается та самая магия. С помощью jQuery скрипта мы будем показывать блок с информацией в зависимости от выбранного значения SELECT. Плюс ко всему, запишем наш выбор в LOCAL STORAGE (локальное хранилище браузера — «аналог» cookies, который позволит запомнить выбор пользователя при перезагрузке страницы или перехода на другую страницу нашего сайта):

В общем-то всё! Размещаем код, сохраняем и любуемся. Если будут вопросы — пишите в комментарии.

ТЕСТ:

Выбор города:

Также подслушано:

Огромное спасибо за рецепт — я прям воспрял духом решая проблему «Выбор города» на простеньком сайте.
Но никак не получается с помощью предложенного подхода решить задачу «выбрал город в одном блоке страницы — в остальных (двух) блоках отображается сделанный выбор».
Т.е. на одной странице работают три копии этого скрипта (и работают хорошо), но работают независимо (каждая копия использует свою запись «LocalStorage» — иначе у меня не получилось).
А мне позарез нужен функционал «пользователь выбрал город один раз и его выбор отображается в трёх блоках каждой страницы сайта с возможностью поменять город в каждом из блоков» (блоки «город + соответствующий номер телефона» повторяются на всех страницах сайта по три раза).

Здравствуйте. Хочу по благодарить за данный код. Было бы круто если бы изначально город автоматически определялся

Автоматический выбор города — это, на самом деле, плохо. Представьте, робот зайдёт на сайт. Что ему будет отдано?

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

Скопируйте все строки из примера себе и посмотрите как работает. Обратите внимание на стили.
Скорее всего у вас конфликт в скриптах.

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

Как считаете в чем еще может быть загвоздка?

Спасибо разобрался, проблема была в jquerry.
Подключил для теста
и всё заработало на УРА!
Благодарю за статью.

Источник

Определение местоположения посетителя на JavaScript

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

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

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

Комментарии ( 0 ):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.

Источник

[Решено] Простое решение вывода названия города по ip

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Скачать/Купить дополнение Конструктор Яндекс.Карт
Модуль позволяет легко вставить с любое место на сайте Яндекс Карту с элементами управления, метками, полигонами, кругами и линиями. Кроме того, карта имеет широкий круг настроек.
Установка:
1. Скачайте архив под свою версию магазина
2. Скопировать из папки upload файлы в корень магазина по ftp
3. Обновите модификаторы
4. Установить стандартным способом модуль «Конструктор Яндекс Карт»
5. Добавляйте карты

Особенности:
1. Редактирование элементов на карте из админ-панели магазина
2. Неограниченное количество создаваемых карт
3. Простая вставка карт в текстовые формы используя BB-code
и т.д.

page-demo
admin-demo
Логин: demo
Пароль: demo

Проверено: OC 2.0.x,2.1.x,2.3.x, os 2.0.x,2.1.x,2.3.x
Добавил zemleroi Добавлено 16.11.2018 Категория Модули Системные требования Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 2.3
2.2
2.1
2.0 ocStore 2.3
2.2
2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
Opencart.pro 2.1
OcShop 2.0.3.х
Не проверялось Обращение к серверу разработчика Нет

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

Внимание! Для работы модуля необходимо получить ключ API Яндекс.Карт. Сервис Яндекс.Карт может быть платным.

Если координаты адреса доставки во время заказа попадут в одну из областей на карте,
то стоимость доставки будет той, которая соответствует этой области.
Географические координаты адреса доставки модуль определяет при помощи сервиса
Геокодирования от Яндекса.
Приобретая этот модуль, вы приобретаете право его использования на одном сайте.
Демо: http://toporchillo.myjino.ru/os23 и http://toporchillo.myjino.ru/os23/admin/

900
Скачать/Купить дополнение

Доставка по областям на карте

Внимание! Для работы модуля необходимо получить ключ API Яндекс.Карт. Сервис Яндекс.Карт может быть платным.

Добавил toporchillo Добавлено 11.03.2013 Категория Доставки Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
2.3 ocStore 3.0
2.3 OpenCart.Pro, ocShop Opencart.pro 2.3 Обращение к серверу разработчика Нет

1000
Скачать/Купить дополнение

Пункты выдачи товаров на Яндекс.Карте
Модуль «Пункты выдачи товаров на Яндекс.Карте» для Opencart(ocStore) 2.3.x.x
Предназначен для интернет-магазинов у которых есть сеть пунктов(складов) выдачи товаров в разных городах страны. Модуль отображает на карте расположение пунктов, их адреса, время работы.

Протестирован в браузерах:
— Chrome 55.0.2883.87 m (64-bit)
— FireFox 57.0.2 (32-бит)
— Opera 49.0.2725.56 (64-bit)
Язык: русский

Установка и настройка:
Перед установкой сделайте бекап сайта.
Установка:
а) распаковать архив
б) скопировать папку admin и catalog на ваш сайт из папки upload
в) проверьте права на установленные файлы (права на файлы 644)

Зайти в админку Дополнения-Модули-Пункты выдачи товаров на Яндекс.Карте-Установить+. Модуль установлен.
Установите в Установщике дополнений OCMOD файл iwsmap.ocmod.xml.
В Менеджере дополнений нажмите кнопку обновить.
Выберите расположения модуля в СХЕМЫ.
Определить координаты нужного пункта выдачи товара можно по адресу https://tech.yandex.ru/maps/geocoder/
Сделайте ввод координат. Перед нажатием кнопки СОХРАНИТЬ, убедитесь что все поля должны быть заполнены.

Демо модуля
http://opencart2.izyum.name/index.php?route=information/contact

Добавил Vice Добавлено 07.06.2013 Категория Доставки Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
2.1
1.5.5.1
1.5.5 ocStore 2.3
2.1
1.5.5.1.2
1.5.5.1.1
1.5.5.1 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Старая цена

Модуль «Пункты выдачи товаров на Яндекс.Карте» для Opencart(ocStore) 2.3.x.x
Предназначен для интернет-магазинов у которых есть сеть пунктов(складов) выдачи товаров в разных городах страны. Модуль отображает на карте расположение пунктов, их адреса, время работы.

Протестирован в браузерах:
— Chrome 55.0.2883.87 m (64-bit)
— FireFox 57.0.2 (32-бит)
— Opera 49.0.2725.56 (64-bit)
Язык: русский

Демо модуля
http://opencart2.izyum.name/index.php?route=information/contact

Последние посетители 0 пользователей онлайн

Ни одного зарегистрированного пользователя не просматривает данную страницу

Источник

Мой клан: моды, читы, скины, текстуры, карты

как вывести город посетителя на сайте скрипт