Откуда загружается счетчик посещений страницы?

Ссылка скопирована
1 ответ

Есть web страница с использованием skeleton screens.
На странице есть блок, отображающий количество посещений этой страницы.
Мне нужно посетить несколько страниц и записать количество их посещений.
Однако при выполнении HTTP запроса я получаю только сами skeleton screens, без данных - т.е. без контента, без счетчика, ничего нет.

На странице есть такой элемент, где 443 - это количество посещений. Этот элемент виден из dev tools браузера.

Вопрос - как узнать, какой скрипт использует данная страница для получения этого значения?

<div class="metaContainer desktop-no-show">    <div>       <div class="sc-6fbb6b8f-4 cTEzLj">          <div class="sc-6fbb6b8f-3 gKJFOG">             <span class="stat">                <i aria-hidden="true" class="fas fa-star"></i> <!-- -->443<!-- --> <!-- -->reads             </span>          </div>       </div>    </div> </div>

<div class="metaContainer desktop-no-show"> <div> <div class="sc-6fbb6b8f-4 cTEzLj"> <div class="sc-6fbb6b8f-3 gKJFOG"> <span class="stat"> <i aria-hidden="true" class="fas fa-star"></i> <!-- -->443<!-- --> <!-- -->reads </span> </div> </div> </div> </div>

А также был бы весьма благодарен, если скажете что означает "sc-6fbb6b8f-4 cTEzLj" - это какая-то автосгенерированная строка?

Дополнительно:

А при чём тут React?

Вполне возможно, что эта разметка формируется на стороне сервера.
Если так, то никак - парси html

Ответы:

Вопрос - как узнать, какой скрипт использует данная страница для получения этого значения?

Можно посмотреть, на вкладке девтулзов network -> fetch/xhr, какие запросы к бекенду делает страница.

"sc-6fbb6b8f-4" - это классы, сгенерированные styled-components

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Антон С. Ответ

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

1. Сторонний сервис аналитики: Вы можете использовать сервисы аналитики, такие как Google Analytics, Yandex.Metrica или другие, которые предоставляют счетчики посещений страницы. Для этого вам обычно необходимо вставить специальный код отслеживания на каждую страницу вашего сайта.

 
 
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
 
  gtag('config', 'UA-XXXXX-Y');

window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-XXXXX-Y');

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

session_start();
if(!isset($_SESSION['page_views'])) {
    $_SESSION['page_views'] = 1;
} else {
    $_SESSION['page_views']++;
}
echo "Просмотров страницы: ".$_SESSION['page_views'];

session_start(); if(!isset($_SESSION['page_views'])) { $_SESSION['page_views'] = 1; } else { $_SESSION['page_views']++; } echo "Просмотров страницы: ".$_SESSION['page_views'];

3. JavaScript счетчик: Вы также можете использовать JavaScript для отслеживания посещений страницы. Например, с помощью localStorage или cookies вы можете сохранять информацию о посещениях и отображать ее на странице:

if(localStorage.page_views) {
    localStorage.page_views = Number(localStorage.page_views)+1;
} else {
    localStorage.page_views = 1;
}
document.write("Просмотров страницы: " + localStorage.page_views);

if(localStorage.page_views) { localStorage.page_views = Number(localStorage.page_views)+1; } else { localStorage.page_views = 1; } document.write("Просмотров страницы: " + localStorage.page_views);

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

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

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

Вам также может быть интересно