Определение мобильной версии

ksamochkin · Сообщение **ksamochkin** » 25.06.2023 18:33

Здравствуйте люди добрые, сами мы не местные, до сих пор имели дело только с SMF, но решил попробовать PHPBB и мне он понравился, но возник один вопрос. Можно ли как то стандартными способами определить с какого браузера зашел пользователь: типа мобильный или ПК. Для чего: для размещения разного формата рекламы. Пробовал сторонними скриптами - выдает 503 ошибку. Может есть способ внутренними ресурсами? Про  знаю...

Сообщение **Татьяна5** » 25.06.2023 18:47

Можно скрывать ненужную рекламу и показывать нужную через css, media-запросами. Или вообще поработать с самой рекламой, чтобы подходила под все разрешения
Так-то можно на основе расширения [beta] Mobile Devices - Определение/переключение версий определялку сделать (только на основе, т.к. расширение старое), но уже придётся вылавливать все варианты юзерагентов для мобильных браузеров заново. Это приличное так количество работы выйдет, через css намного проще

ksamochkin · Сообщение **ksamochkin** » 25.06.2023 18:49

Татьяна5 писал(а): 25.06.2023 18:47 Можно скрывать ненужную рекламу и показывать нужную через css, media-запросами

нет не подойдет

Татьяна5 писал(а): 25.06.2023 18:47 [beta] Mobile Devices - Определение/переключение версий

спасибо изучу

ksamochkin · Сообщение **ksamochkin** » 25.06.2023 19:00

Татьяна5 писал(а): 25.06.2023 18:47 Можно скрывать ненужную рекламу и показывать нужную через css, media-запросами

можете привести пример, до сих пор не пробовал так

Сообщение **Nekstati** » 25.06.2023 19:02

ksamochkin писал(а): 25.06.2023 18:49 нет не подойдет

Это почему? Всё, что спрятано под display: none, браузером не загружается и трафик не увеличивает

Есть два встроенных класса. Граница мобильный/десктоп = 700 пикселей по ширине

Код: Выделить всё

<div class="responsive-show" style="display: none"> Контент </div>

<div class="responsive-hide"> Контент </div>

И есть специальный класс у <body>, меняется в зависимости от типа экрана - тач или не тач

Код: Выделить всё

.notouch .блок-для-мобильного {
	display: none;
}

.hastouch .блок-для-мобильного {
	display: block;
}

Сообщение **rxu** » 25.06.2023 19:12

Есть $user->browser, в который записывается строка браузера, если она есть в заголовке.

Сообщение **Татьяна5** » 25.06.2023 19:16

ksamochkin писал(а): 25.06.2023 19:00 привести пример

Код: Выделить всё

.some_class {
	display: none;
}

@media (max-width: 430px) {
	.some_class {
		display: block;
	}
}

Класс любой, ширину экрана можно поставить любую, направление отображения/скрытия тоже любое

ksamochkin · Сообщение **ksamochkin** » 25.06.2023 19:17

спасибо за направление... я наверное попробую при помощи javascript + css реализовать

Отправлено спустя 20 минут 44 секунды:
Nekstati, огромное спасибо на 90% то что надо

jd8615 · Сообщение **jd8615** » 25.06.2023 19:44

Яндекс реклама?

Код: Выделить всё

<div id="yandex_rtb_[код рекламной площадки]" style="margin: 0 auto; position: relative; z-index: 0;"></div>
<script type="text/javascript">
(function(w, d, n, s, t) {
if (window.matchMedia("only screen and (max-device-width: 728px)").matches){var m= "[номер объявления для мобильной версии]";}
else{var m= "[номер объявления для десктопной версии]";}
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: m,
renderTo: "yandex_[код рекламной площадки]",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script>

ksamochkin · Сообщение **ksamochkin** » 25.06.2023 20:06

jd8615, не только, но в большей части да, если админ не обидится то могу показать https://permturist.ru/
я уже на 90% реализовал то что хотел, правда яндексовские коды еще не обновились

er107 · Сообщение **er107** » 25.06.2023 22:20

jd8615 писал(а): 25.06.2023 19:44 Яндекс реклама?

Так реклама Яндекса сама под формат устройства подстраивается.

ksamochkin · Сообщение **ksamochkin** » 26.06.2023 6:15

er107 писал(а): 25.06.2023 22:20 реклама Яндекса сама под формат устройства подстраивается.

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

romaamor · Сообщение **romaamor** » 26.06.2023 7:03

ksamochkin писал(а): 25.06.2023 18:33 Для чего: для размещения разного формата рекламы.

Я у себя на форуме подключил realbig.media без всякого вмешательства в код.
Основные функции:
Торгетинг по странам.
По местонахождению. При включении, геоданные пользователя будут определяться по местонахождению. Если местонахождение не будет найдено или пользователь закрыл доступ к нему, тогда есть выбор: не показывать рекламное объявление вообще или определять геоданные по ip.
Таргетинг по ширине экрана. Данная опция позволит выводить рекламное объявление в зависимости от размеров экрана. Укажите минимальное или максимальное количество px по ширине. Если оставить 0 – ограничения нет.
Таргетинг по времени. При включении, данное рекламное объявление будет показываться в выбранные дни недели в выбранное время по часовом поясе GMT+2. Обратите внимание 1 квадратик это 1 час, если выбран, например, квадратик ПН 00, то сообщение будет показываться в понедельник с 00 до 01 часа ночи.

Выбор устройства на котором будет показываться реклама.
Перезагрузка рекламного блока в секундах. При Refresh (перезагрузке) не меньше 15 секунд реклама будет перезагружаться через каждый промежуток времени (указанный в секундах)
Задержка показа рекламы. При включении, данное рекламное объявление будет показываться с задержкой в секундах, которой Вы указали.
Липкое окно. При включении, данное рекламное объявление будет показываться в Sticky (липком) окне. Перед использованием убедитесь, что правила размещения рекламы не нарушают правила рекламодателя или рекламной сети.
Для использования липкого окна с рекламным кодом от РСЯ, необходимо указать ширину.
Falling. При включении, данное рекламное объявление будет показываться в Falling (закрепленном) режиме. Перед использованием убедитесь, что правила размещения рекламы не нарушают правила рекламодателя или рекламной сети.
Небоскреб. При включении, данное рекламное объявление будет показываться в режиме небоскреба. Перед использованием убедитесь, что правила размещения рекламы не нарушают правила рекламодателя или рекламной сети.
Затемнение при скроллинге. При включении, экран будет затемняться, если данное рекламное объявление будет находиться в пределах экрана. Перед использованием убедитесь, что правила размещения рекламы не нарушают правила рекламодателя или рекламной сети.
Количество показов. При включении, данное рекламное объявление будет показываться такое количество раз, которое Вы указали.
Дата показа. Если указан интервал времени, реклама будет отображаться только в этом интервале. В другом случае она будет показываться всегда. Если выбрана одна и та же дата, то она будет началом старта показа рекламного блока.

Так же можно указать на каких браузерах будет или нет показыватся реклама. Выбор ОС. Есть реферер, выбор url.
И всё это можно сделать на одно рекламное место. К примеру в блоке под шапкой, для РФ показывать РСЯ, для других адсенс, для третих какая то партнёрка. Одновременно подключить к этому блоку, на каких устройствах и какая реклама будет отображаться. И на каких страницах.

Это всё бесплатно.

Скрины:

image.png

ksamochkin · Сообщение **ksamochkin** » 26.06.2023 12:02

romaamor писал(а): 26.06.2023 7:03 Я у себя на форуме подключил realbig.media

учту

southklad · Сообщение **southklad** » 26.06.2023 13:50

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

Отправлено спустя 3 минуты 1 секунду:
ksamochkin, Я не знаю что вы там встраиваете для моб. версии, но загрузка страницы у вас очень долгая, лучше бы это сначала настроили, а не рекламу на пустом фоурме

phpBB Guru - Официальная русская поддержка форума phpBB

Определение мобильной версии

Определение мобильной версии

Re: Определение мобильной версии

Re: Определение мобильной версии

Re: Определение мобильной версии

Re: Определение мобильной версии

Re: Определение мобильной версии

Re: Определение мобильной версии

Re: Определение мобильной версии

Re: Определение мобильной версии

Re: Определение мобильной версии

Re: Определение мобильной версии

Re: Определение мобильной версии

Re: Определение мобильной версии

Re: Определение мобильной версии

Re: Определение мобильной версии