İstatistikler toplama uyarısı
Web sitenizin ziyaretçilerini, istatistiklerin toplanması konusunda uyarabilir ve site sayfalarında Yandex Metrica sayaç kodunun yüklenmesi geciktirebilirsiniz.
Veri aktarımının ziyaretçi tarafından onaylanması halinde sayaç kodu olağan şekilde yüklenir. Ziyaretçi izni olmadan kod yüklenmeyecektir. Ziyaretçinin bir kere yaptığı seçim, gerektiğinde sitenin (alan adının) tüm sayfalarını ziyaretler için geçerli sayılabilir.
Uyarıyı etkinleştirmek ve sayaç kodunun yüklenmesini geciktirmek için site yöneticinize başvurun.
Uyarı örneği
Ziyaretçileri bilgilendirmek için herhangi bir metin kullanabilirsiniz. Aşağıdaki metin sadece bildirimdeki metnin nasıl gösterildiğine dair bir örnek olarak verilmiştir. Yandex bunun yasal gerekliliklere uygunluğundan sorumlu değildir. Metni yayınlamadan önce hukukçunuza danışmanızı öneririz.
Bu site ziyaretçi istatistiklerini ve ziyaretçi verilerini toplamaktadır.
[Web sitenizin Kullanıcı Sözleşmesi’ne veya sitenizin Gizlilik Politikası’na bağlantı]
Kod uygulama örneği
...
<head>
<meta charset="UTF-8">
<title>Sayfa başlığı</title>
<!--Örnekte reset.css stili kullanılıyor. Kendi çözümünüzü kullanabilirsiniz.-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<!--Örnekte çerez işlemleri için js-cookie kütüphanesi kullanılıyor. Kendi çözümünüzü kullanabilirsiniz-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.2/js.cookie.js"></script>
<style>
* {
box-sizing: border-box;
}
body {
width: 100%;
height: 100%;
}
.cookie-notification {
position: fixed;
background-color: rgba(0, 0, 0, .8);
bottom: 0;
width: 100%;
color: white;
padding: 15px;
}
.cookie-notification_hidden_yes {
display: none;
}
.cookie-notification__header {
margin-bottom: 10px;
font-size: 23px;
}
.cookie-notification__body {
margin-bottom: 10px;
}
</style>
</head>
<body>
Site içeriği
<div class="cookie-notification cookie-notification_hidden_yes">
<div class="cookie-notification__header">İstatistik toplama uyarısı</div>
<div class="cookie-notification__body">
<p>Bu site, ziyaret istatistiklerini ve ziyaretçi verilerini toplar.</p>
<p>[Sitenizin Kullanıcı Sözleşmesine veya Gizlilik Politikasına bağlantı]</p>
</div>
<div class="cookie-notification__buttons">
<button class="cookie-notification__button" id="yes">Kabul ediyorum</button>
</div>
</div>
<script type="text/javascript">
// Sayaç kodunu hemen yükleme
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document,'script','https://mc.yandex.ru/metrika/tag.js', 'ym')
var messageElement = document.querySelector('.cookie-notification');
// Çerez yoksa çubuğu gösterme
if (!Cookies.get('agreement')) {
showMessage();
} else {
initCounter();
}
// Bu fonksiyon DOM öğesine sınıf ekler. jQuery veya başka bir çerçeve kullanabilirsiniz
function addClass (o, c) {
var re = new RegExp("(^|\\s)" + c + "(\\s|$)", "g");
if (!o || re.test(o.className)) {
return;
}
o.className = (o.className + " " + c).replace(/\s+/g, " ").replace(/(^ | $)/g, "");
}
// Bu fonksiyon DOM öğesinden sınıfı kaldırır. jQuery veya başka bir çerçeve kullanabilirsiniz
function removeClass (o, c) {
var re = new RegExp('(^|\\s)' + c + '(\\s|$)', 'g');
if (!o) {
return;
}
o.className = o.className.replace(re, '$1').replace(/\s+/g, ' ').replace(/(^ | $)/g, '');
}
// Uyarıyı gizleyen fonksiyon
function hideMessage () {
addClass(messageElement, 'cookie-notification_hidden_yes');
}
// Uyarıyı gösteren fonksiyon
function showMessage () {
removeClass(messageElement, 'cookie-notification_hidden_yes');
}
function saveAnswer () {
// Uyarıyı gizliyoruz
hideMessage();
// Çerez ayarlama
Cookies.set('agreement', '1');
}
function initCounter () {
ym(XXXXXXXX, 'init', {});
saveAnswer();
}
// "Kabul ediyorum" düğmesine tıklama
document.querySelector('#yes').addEventListener('click', function () {
initCounter();
});
</script>
</body>
...
...
<head>
<meta charset="UTF-8">
<title>Sayfa Başlığı</title>
<!--Bu örnekte reset.css stili kullanılıyor. Kendi yaklaşımınızı da kullanabilirsiniz.-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<!--Örnekte çerez işlemleri için js-cookie kütüphanesi kullanılıyor. Kendi yaklaşımınızı da kullanabilirsiniz-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.2/js.cookie.js"></script>
<style>
* {
box-sizing: border-box;
}
body {
width: 100%;
height: 100%;
}
.cookie-notification {
position: fixed;
background-color: rgba(0, 0, 0, .8);
bottom: 0;
width: 100%;
color: white;
padding: 15px;
}
.cookie-notification_hidden_yes {
display: none;
}
.cookie-notification__header {
margin-bottom: 10px;
font-size: 23px;
}
.cookie-notification__body {
margin-bottom: 10px;
}
</style>
</head>
<body>
Web İçeriği
<div class="cookie-notification cookie-notification_hidden_yes">
<div class="cookie-notification__header">İstatistik Toplama Bildirimi</div>
<div class="cookie-notification__body">
<p>Bu web sitesi ziyaret istatistikleri ve ziyaretçi verilerini toplar.</p>
<p>[Web sitenizin Kullanım Koşulları veya Gizlilik Politikası bağlantısı]</p>
</div>
<div class="cookie-notification__buttons">
<button class="cookie-notification__button" id="yes">Kabul Ediyorum</button>
</div>
</div>
<script type="text/javascript">
// Kod parçasını hemen yükleyin
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document,'script','https://mc.yandex.ru/metrika/tag.js', 'ym')
var messageElement = document.querySelector('.cookie-notification');
// Çerez yoksa bildirimi gösterin
if (!Cookies.get('agreement')) {
showMessage();
} else {
initCounter();
}
// Bu fonksiyon bir DOM öğesine sınıf ekler. jQuery kütüphanesini veya başka bir çerçeveyi kullanabilirsiniz
function addClass (o, c) {
var re = new RegExp("(^|\\s)" + c + "(\\s|$)", "g");
if (!o || re.test(o.className)) {
return;
}
o.className = (o.className + " " + c).replace(/\s+/g, " ").replace(/(^ | $)/g, "");
}
// Bu fonksiyon DOM öğesinden bir sınıfı kaldırır. jQuery kütüphanesini veya başka bir çerçeveyi kullanabilirsiniz
function removeClass (o, c) {
var re = new RegExp('(^|\\s)' + c + '(\\s|$)', 'g');
if (!o) {
return;
}
o.className = o.className.replace(re, '$1').replace(/\s+/g, ' ').replace(/(^ | $)/g, '');
}
// Uyarıyı gizleyen fonksiyon
function hideMessage () {
addClass(messageElement, 'cookie-notification_hidden_yes');
}
// Uyarıyı gösteren fonksiyon
function showMessage () {
removeClass(messageElement, 'cookie-notification_hidden_yes');
}
function saveAnswer () {
// Uyarıyı gizleyin
hideMessage();
// Çerez ayarlayın
Cookies.set('agreement', '1');
}
function initCounter () {
ym(XXXXXXXX, 'init', {});
saveAnswer();
}
// "Kabul Ediyorum" düğmesine tıklandığında
document.querySelector('#yes').addEventListener('click', function () {
initCounter();
});
</script>
</body>
...
Burada XXXXXXXX, sayacınızın numarasıdır.
|
Faydalı bağlantılar |
Çevrimiçi eğitim |