Используйте абсолютное позиционирование и z-index для создания липкого нижнего колонтитула с любым разрешением, используя следующие шаги:
position: absolute; bottom: 0;
и желаемой высотой div
, который обертывает содержимое тела с помощью position: relative; min-height: 100%;
div
, равное высоте и дополнению нижнего колонтитула z-index
больше, чем контейнер div
, если нижний колонтитул обрезается Вот пример:
<!doctype html>
<html>
<head>
<title>Sticky Footer</title>
<meta charset="utf-8">
<style>
.wrapper { position: relative; min-height: 100%; }
.footer { position: absolute; bottom:0; width: 100%; height: 200px; padding-top: 100px; background-color: gray; }
.column { height: 2000px; padding-bottom: 300px; background-color: green; }
/* Set the `html`, `body`, and container `div` to `height: 100%` for IE6 */
</style>
</head>
<body>
<div class="wrapper">
<div class="column">
<span>hello</span>
</div>
<div class="footer">
<p>This is a test. This is only a test...</p>
</div>
</div>
</body>
</html>
Поле «URL-адрес веб-сайта» при создании нового свойства Google Analytics не обязательно должно совпадать с фактическим URL-адресом, используемым в рабочей среде. Он в основном используется для разрешения относительных ссылок, а не для проверки попаданий.
Просто измените его на что-то другое (например, example.com
), и все должно работать нормально.
Я не рекомендую вышеуказанный ответ.
Я считаю, что лучше всего использовать Debian Analytics js на вашем локальном хосте. Отладка распечаток в консоли ВСЕ, что происходит, включая события запуска. Таким образом, вы можете проверить, работает ли ваш код, не отправляя информацию об отслеживании в Analytics на Localhost (что не имеет смысла).
Узнайте больше здесь :)