Τεκμηρίωση Παρακολούθησης & Συμβάντων

Όλα όσα χρειάζεστε για να εγκαταστήσετε το ClearAnalytics στον ιστότοπό σας και να παρακολουθείτε προβολές σελίδων, προσαρμοσμένα συμβάντα, στόχους κλικ και συναλλαγές ηλεκτρονικού εμπορίου.

Επισκόπηση

Το ClearAnalytics προσφέρει δύο παραλλαγές script παρακολούθησης. Επιλέξτε αυτή που ταιριάζει στις ανάγκες σας: ένα ελάχιστο script για βασική ανάλυση προβολών σελίδων ή ένα πλήρες script για προσαρμοσμένα συμβάντα, στόχους κλικ και παρακολούθηση ηλεκτρονικού εμπορίου.

Ελαφρύ Script (ca.js)

Το πιο ελαφρύ δυνατό script παρακολούθησης. Ιδανικό για blogs, landing pages και ιστοτόπους που χρειάζονται μόνο ανάλυση προβολών σελίδων.

ca.js < 1 KB

Αυτόματη παρακολούθηση προβολών σελίδων
Διάρκεια συνεδρίας και ποσοστό εγκατάλειψης
Καταγραφή παραμέτρων καμπάνιας UTM
Υποστήριξη εφαρμογών μονής σελίδας

Πλήρες Script (ca-events.js)

Όλα όσα περιλαμβάνει το ελαφρύ script, συν προσαρμοσμένα συμβάντα, παρακολούθηση στόχων κλικ, υποκλοπή GA4 dataLayer και πλήρη υποστήριξη ηλεκτρονικού εμπορίου.

ca-events.js < 2 KB

Όλα όσα περιλαμβάνει το ελαφρύ script
Παρακολούθηση προσαρμοσμένων συμβάντων μέσω window.ca()
Παρακολούθηση στόχων κλικ μέσω data-ca-goal
Ενσωμάτωση GA4 dataLayer
Πλήρης παρακολούθηση συμβάντων ηλεκτρονικού εμπορίου

Εγκατάσταση

Προσθέστε μία ετικέτα script στον ιστότοπό σας. Χωρίς npm πακέτα, χωρίς εργαλεία build, χωρίς αρχεία ρυθμίσεων. Το script φορτώνει ασύγχρονα και δεν έχει καμία επίπτωση στην απόδοση της σελίδας.

HTML — Ελαφρύ Script

Προσθέστε αυτό στο <head> ή στο τέλος του <body> σε κάθε σελίδα. Παρακολουθεί αυτόματα προβολές σελίδων, διάρκεια συνεδρίας και παραμέτρους UTM.

<script defer src="https://clearanalytics.eu/js/ca.js"></script>

HTML — Πλήρες Script

Χρησιμοποιήστε αυτήν την παραλλαγή αν χρειάζεστε προσαρμοσμένα συμβάντα, στόχους κλικ ή παρακολούθηση ηλεκτρονικού εμπορίου.

<script defer src="https://clearanalytics.eu/js/ca-events.js"></script>

HTML — Πλήρες Script με DataLayer

Προσθέστε το χαρακτηριστικό data-ca-datalayer για αυτόματη υποκλοπή συμβάντων GA4 dataLayer, συμπεριλαμβανομένων όλων των συμβάντων ηλεκτρονικού εμπορίου.

<script defer src="https://clearanalytics.eu/js/ca-events.js" data-ca-datalayer></script>

WordPress

Προσθέστε την ετικέτα script μέσω του αρχείου functions.php του θέματός σας ή χρησιμοποιήστε ένα plugin εισαγωγής header/footer.

// functions.php
add_action('wp_head', function () {
    echo '<script defer src="https://clearanalytics.eu/js/ca-events.js"></script>';
});

React / Next.js

Χρησιμοποιήστε το component Script του Next.js για βέλτιστη φόρτωση. Το script λειτουργεί με οποιοδήποτε React framework.

// app/layout.tsx  (Next.js App Router)
import Script from 'next/script';

export default function RootLayout({ children }) {
  return (
    <html>
      <head>
        <Script
          src="https://clearanalytics.eu/js/ca-events.js"
          strategy="afterInteractive"
        />
      </head>
      <body>{children}</body>
    </html>
  );
}

Vue / Nuxt

Προσθέστε το script μέσω των ρυθμίσεων Nuxt ή απευθείας στο HTML template σας για απλές εφαρμογές Vue.

// nuxt.config.ts
export default defineNuxtConfig({
  app: {
    head: {
      script: [
        {
          src: 'https://clearanalytics.eu/js/ca-events.js',
          defer: true,
        },
      ],
    },
  },
});

Google Tag Manager

Μπορείτε επίσης να εγκαταστήσετε το script μέσω Google Tag Manager χρησιμοποιώντας μια ετικέτα Custom HTML.

Tag Type:   Custom HTML
Trigger:    All Pages

<script defer src="https://clearanalytics.eu/js/ca-events.js" data-ca-datalayer></script>

Όταν χρησιμοποιείτε GTM με το χαρακτηριστικό data-ca-datalayer, το ClearAnalytics θα καταγράφει αυτόματα όλα τα συμβάντα dataLayer που προωθούνται από τα υπάρχοντα GTM tags σας.

Προσαρμοσμένα Συμβάντα

Παρακολουθήστε οποιαδήποτε αλληλεπίδραση χρήστη στέλνοντας προσαρμοσμένα συμβάντα με προαιρετικά μεταδεδομένα. Τα προσαρμοσμένα συμβάντα εμφανίζονται στον πίνακα ελέγχου σας και μπορούν να χρησιμοποιηθούν ως ενεργοποιητές στόχων.

Απαιτεί το πλήρες script (ca-events.js).

Υπογραφή API

window.ca(eventName, properties?);

Παράμετρος	Τύπος	Περιγραφή
`eventName`	string	Ένα περιγραφικό όνομα για το συμβάν (π.χ. 'signup', 'file_download').
`properties`	object	Προαιρετικό αντικείμενο με πρόσθετα μεταδεδομένα. Σειριοποιείται ως JSON.

Παραδείγματα

// Παρακολούθηση εγγραφής με πληροφορίες πλάνου

window.ca('signup', { plan: 'pro' });

// Παρακολούθηση λήψης αρχείου

window.ca('file_download', {
  file_name: 'whitepaper.pdf',
  file_type: 'pdf',
});

// Παρακολούθηση αναπαραγωγής βίντεο

window.ca('video_play', {
  video_title: 'Product Demo',
  duration: 120,
});

// Παρακολούθηση εσωτερικής αναζήτησης

window.ca('search', { query: 'privacy analytics' });

Παρακολούθηση Στόχων Κλικ

Παρακολουθήστε κλικ σε κουμπιά και συνδέσμους χωρίς να γράψετε JavaScript. Προσθέστε ένα χαρακτηριστικό data-ca-goal σε οποιοδήποτε στοιχείο HTML και το κλικ θα καταγραφεί αυτόματα.

Απαιτεί το πλήρες script (ca-events.js).

Χρήση

Προσθέστε data-ca-goal="goal-name" σε οποιοδήποτε κλικ-ικανό στοιχείο. Η τιμή του χαρακτηριστικού γίνεται ο αναγνωριστικός στόχος στον πίνακα ελέγχου σας.

<button data-ca-goal="cta-signup">Sign Up</button>

<a href="/pricing" data-ca-goal="pricing-click">View Pricing</a>

<form data-ca-goal="contact-form-submit">
  <!-- The goal fires when any element inside is clicked -->
  <button type="submit">Send</button>
</form>

Πώς λειτουργεί

Το script χρησιμοποιεί ανάθεση συμβάντων στο document για αποδοτική ανίχνευση κλικ:

Ένα συμβάν κλικ ενεργοποιείται οπουδήποτε στη σελίδα.
Το script ανεβαίνει στο δέντρο DOM από το στοιχείο που κλικάρεται αναζητώντας χαρακτηριστικό data-ca-goal.
Αν βρεθεί, στέλνει ένα συμβάν κλικ με το όνομα του στόχου ως επιλογέα.

Προβολή Στόχων Κλικ

Τα συμβάντα στόχων κλικ εμφανίζονται στη σελίδα Στόχων στον πίνακα ελέγχου σας. Δημιουργήστε έναν στόχο τύπου "Click" και αντιστοιχίστε τον στην τιμή data-ca-goal που χρησιμοποιήσατε στο HTML σας.

Ενσωμάτωση GA4 DataLayer

Αν ο ιστότοπός σας ήδη προωθεί συμβάντα στο Google Analytics dataLayer, το ClearAnalytics μπορεί να υποκλέψει αυτόματα αυτά τα συμβάντα. Αυτός είναι ο ευκολότερος τρόπος μετάβασης από το GA4.

Απαιτεί το πλήρες script (ca-events.js).

Ενεργοποίηση Υποκλοπής DataLayer

Προσθέστε το χαρακτηριστικό data-ca-datalayer στην ετικέτα script. Αυτή η προσέγγιση opt-in διασφαλίζει ότι η λειτουργία ενεργοποιείται μόνο όταν την ενεργοποιείτε ρητά.

<script defer src="https://clearanalytics.eu/js/ca-events.js" data-ca-datalayer></script>

Πώς λειτουργεί

Όταν είναι ενεργοποιημένο, το script υποκλέπτει όλες τις κλήσεις dataLayer.push():

Τα αναγνωρισμένα συμβάντα ηλεκτρονικού εμπορίου (purchase, add_to_cart κ.λπ.) προωθούνται ως συμβάντα ηλεκτρονικού εμπορίου.
Όλα τα άλλα προσαρμοσμένα συμβάντα προωθούνται ως γενικά προσαρμοσμένα συμβάντα.
Τα εσωτερικά συμβάντα GTM (gtm.js, gtm.dom, gtm.load κ.λπ.) φιλτράρονται αυτόματα.
Οι υπάρχουσες εγγραφές dataLayer επεξεργάζονται κατά τη φόρτωση σελίδας· οι μελλοντικές εισαγωγές υποκλέπτονται σε πραγματικό χρόνο.

Παράδειγμα

// These dataLayer pushes are automatically captured
dataLayer.push({
  event: 'form_submit',
  form_id: 'contact',
  form_name: 'Contact Form',
});

dataLayer.push({
  event: 'video_start',
  video_title: 'Product Demo',
  video_duration: 120,
});

Αγνοημένα Συμβάντα

Τα παρακάτω εσωτερικά συμβάντα GTM αγνοούνται αυτόματα και δεν θα εμφανιστούν στον πίνακα ελέγχου σας:

// These GTM internal events are automatically filtered out:
gtm.js, gtm.dom, gtm.load, gtm.click, gtm.linkClick, gtm.scrollDepth

Παρακολούθηση Ηλεκτρονικού Εμπορίου

Παρακολουθήστε ολόκληρη τη διαδρομή του πελάτη από την περιήγηση προϊόντων μέχρι την αγορά και την επιστροφή χρημάτων. Το ClearAnalytics υποστηρίζει και τα 14 τυπικά συμβάντα ηλεκτρονικού εμπορίου χρησιμοποιώντας την ίδια μορφή dataLayer με το GA4.

Απαιτεί το πλήρες script (ca-events.js) με το χαρακτηριστικό data-ca-datalayer.

Όλα τα συμβάντα ηλεκτρονικού εμπορίου χρησιμοποιούν τη συμβατή μορφή dataLayer.push() του GA4. Αν έχετε ήδη υλοποιήσει παρακολούθηση ηλεκτρονικού εμπορίου GA4, το ClearAnalytics θα καταγράψει αυτόματα αυτά τα συμβάντα χωρίς αλλαγές κώδικα.

Συμβάν	Περιγραφή
`view_item_list`	Ο χρήστης βλέπει μια λίστα προϊόντων ή αποτελέσματα αναζήτησης.
`select_item`	Ο χρήστης κάνει κλικ σε ένα προϊόν σε μια λίστα.
`view_item`	Ο χρήστης βλέπει μια σελίδα λεπτομερειών προϊόντος.
`add_to_cart`	Ο χρήστης προσθέτει ένα προϊόν στο καλάθι αγορών.
`remove_from_cart`	Ο χρήστης αφαιρεί ένα προϊόν από το καλάθι.
`view_cart`	Ο χρήστης βλέπει το καλάθι αγορών.
`add_to_wishlist`	Ο χρήστης προσθέτει ένα προϊόν στη λίστα επιθυμιών.
`begin_checkout`	Ο χρήστης ξεκινά τη διαδικασία ολοκλήρωσης αγοράς.
`add_shipping_info`	Ο χρήστης υποβάλλει τα στοιχεία αποστολής.
`add_payment_info`	Ο χρήστης υποβάλλει τα στοιχεία πληρωμής.
`purchase`	Ο χρήστης ολοκληρώνει μια αγορά.
`refund`	Υποβάλλεται πλήρης ή μερική επιστροφή χρημάτων.
`view_promotion`	Ο χρήστης βλέπει ένα διαφημιστικό banner ή προσφορά.
`select_promotion`	Ο χρήστης κάνει κλικ σε μια προσφορά.

view_item_list

Ενεργοποιήστε αυτό το συμβάν όταν οι χρήστες βλέπουν μια λίστα προϊόντων, όπως σελίδα κατηγορίας ή αποτελέσματα αναζήτησης.

dataLayer.push({ ecommerce: null }); // Clear previous data
dataLayer.push({
  event: 'view_item_list',
  ecommerce: {
    item_list_id: 'category_results',
    item_list_name: 'Category Results',
    items: [
      {
        item_id: 'SKU-001',
        item_name: 'Running Shoes',
        item_brand: 'SportCo',
        item_category: 'Footwear',
        price: 89.99,
        index: 0,
      },
      {
        item_id: 'SKU-002',
        item_name: 'Trail Shoes',
        item_brand: 'SportCo',
        item_category: 'Footwear',
        price: 119.99,
        index: 1,
      },
    ],
  },
});

select_item

Ενεργοποιήστε αυτό το συμβάν όταν ένας χρήστης κάνει κλικ σε ένα συγκεκριμένο προϊόν από μια λίστα για να το δει.

dataLayer.push({ ecommerce: null });
dataLayer.push({
  event: 'select_item',
  ecommerce: {
    item_list_id: 'category_results',
    item_list_name: 'Category Results',
    items: [{
      item_id: 'SKU-001',
      item_name: 'Running Shoes',
      item_brand: 'SportCo',
      price: 89.99,
      index: 0,
    }],
  },
});

view_item

Ενεργοποιήστε αυτό το συμβάν όταν ένας χρήστης φτάνει σε μια σελίδα λεπτομερειών προϊόντος.

dataLayer.push({ ecommerce: null });
dataLayer.push({
  event: 'view_item',
  ecommerce: {
    currency: 'EUR',
    value: 89.99,
    items: [{
      item_id: 'SKU-001',
      item_name: 'Running Shoes',
      item_brand: 'SportCo',
      item_category: 'Footwear',
      item_variant: 'Blue / Size 42',
      price: 89.99,
      quantity: 1,
    }],
  },
});

add_to_cart

Ενεργοποιήστε αυτό το συμβάν όταν ένας χρήστης προσθέτει ένα ή περισσότερα προϊόντα στο καλάθι αγορών.

dataLayer.push({ ecommerce: null });
dataLayer.push({
  event: 'add_to_cart',
  ecommerce: {
    currency: 'EUR',
    value: 89.99,
    items: [{
      item_id: 'SKU-001',
      item_name: 'Running Shoes',
      item_brand: 'SportCo',
      price: 89.99,
      quantity: 1,
    }],
  },
});

remove_from_cart

Ενεργοποιήστε αυτό το συμβάν όταν ένας χρήστης αφαιρεί ένα προϊόν από το καλάθι.

dataLayer.push({ ecommerce: null });
dataLayer.push({
  event: 'remove_from_cart',
  ecommerce: {
    currency: 'EUR',
    value: 89.99,
    items: [{
      item_id: 'SKU-001',
      item_name: 'Running Shoes',
      price: 89.99,
      quantity: 1,
    }],
  },
});

view_cart

Ενεργοποιήστε αυτό το συμβάν όταν ένας χρήστης βλέπει τη σελίδα του καλαθιού αγορών.

dataLayer.push({ ecommerce: null });
dataLayer.push({
  event: 'view_cart',
  ecommerce: {
    currency: 'EUR',
    value: 209.98,
    items: [
      { item_id: 'SKU-001', item_name: 'Running Shoes', price: 89.99, quantity: 1 },
      { item_id: 'SKU-003', item_name: 'Sports Watch', price: 119.99, quantity: 1 },
    ],
  },
});

add_to_wishlist

Ενεργοποιήστε αυτό το συμβάν όταν ένας χρήστης αποθηκεύει ένα προϊόν στη λίστα επιθυμιών του για αργότερα.

dataLayer.push({ ecommerce: null });
dataLayer.push({
  event: 'add_to_wishlist',
  ecommerce: {
    currency: 'EUR',
    value: 89.99,
    items: [{
      item_id: 'SKU-001',
      item_name: 'Running Shoes',
      price: 89.99,
    }],
  },
});

begin_checkout

Ενεργοποιήστε αυτό το συμβάν όταν ένας χρήστης ξεκινά τη ροή ολοκλήρωσης αγοράς.

dataLayer.push({ ecommerce: null });
dataLayer.push({
  event: 'begin_checkout',
  ecommerce: {
    currency: 'EUR',
    value: 209.98,
    coupon: 'SUMMER20',
    items: [
      { item_id: 'SKU-001', item_name: 'Running Shoes', price: 89.99, quantity: 1 },
      { item_id: 'SKU-003', item_name: 'Sports Watch', price: 119.99, quantity: 1 },
    ],
  },
});

add_shipping_info

Ενεργοποιήστε αυτό το συμβάν όταν ένας χρήστης επιλέγει ή υποβάλλει τα στοιχεία αποστολής κατά τη διάρκεια της ολοκλήρωσης αγοράς.

dataLayer.push({ ecommerce: null });
dataLayer.push({
  event: 'add_shipping_info',
  ecommerce: {
    currency: 'EUR',
    value: 209.98,
    shipping_tier: 'Express',
    items: [
      { item_id: 'SKU-001', item_name: 'Running Shoes', price: 89.99, quantity: 1 },
      { item_id: 'SKU-003', item_name: 'Sports Watch', price: 119.99, quantity: 1 },
    ],
  },
});

add_payment_info

Ενεργοποιήστε αυτό το συμβάν όταν ένας χρήστης επιλέγει ή υποβάλλει τη μέθοδο πληρωμής κατά τη διάρκεια της ολοκλήρωσης αγοράς.

dataLayer.push({ ecommerce: null });
dataLayer.push({
  event: 'add_payment_info',
  ecommerce: {
    currency: 'EUR',
    value: 209.98,
    payment_type: 'Credit Card',
    items: [
      { item_id: 'SKU-001', item_name: 'Running Shoes', price: 89.99, quantity: 1 },
      { item_id: 'SKU-003', item_name: 'Sports Watch', price: 119.99, quantity: 1 },
    ],
  },
});

purchase

Ενεργοποιήστε αυτό το συμβάν όταν μια αγορά επιβεβαιώνεται. Συμπεριλάβετε transaction_id, value, currency, tax, shipping και τον πλήρη πίνακα items.

dataLayer.push({ ecommerce: null });
dataLayer.push({
  event: 'purchase',
  ecommerce: {
    transaction_id: 'TXN-20260219-001',
    affiliation: 'Online Store',
    value: 209.98,
    tax: 36.49,
    shipping: 5.99,
    currency: 'EUR',
    coupon: 'SUMMER20',
    items: [
      {
        item_id: 'SKU-001',
        item_name: 'Running Shoes',
        item_brand: 'SportCo',
        item_category: 'Footwear',
        item_variant: 'Blue / Size 42',
        price: 89.99,
        quantity: 1,
        coupon: '',
      },
      {
        item_id: 'SKU-003',
        item_name: 'Sports Watch',
        item_brand: 'FitTech',
        item_category: 'Electronics',
        item_variant: 'Black',
        price: 119.99,
        quantity: 1,
        coupon: '',
      },
    ],
  },
});

refund

Ενεργοποιήστε αυτό το συμβάν όταν υποβάλλεται επιστροφή χρημάτων. Για πλήρη επιστροφή, απαιτείται μόνο το transaction_id. Για μερικές επιστροφές, συμπεριλάβετε τα συγκεκριμένα αντικείμενα.

// Full refund
dataLayer.push({ ecommerce: null });
dataLayer.push({
  event: 'refund',
  ecommerce: {
    transaction_id: 'TXN-20260219-001',
  },
});

// Partial refund (specific items)
dataLayer.push({ ecommerce: null });
dataLayer.push({
  event: 'refund',
  ecommerce: {
    transaction_id: 'TXN-20260219-001',
    items: [{
      item_id: 'SKU-001',
      quantity: 1,
    }],
  },
});

view_promotion

Ενεργοποιήστε αυτό το συμβάν όταν ένα διαφημιστικό banner, καρουζέλ ή προσφορά γίνεται ορατό στον χρήστη.

dataLayer.push({ ecommerce: null });
dataLayer.push({
  event: 'view_promotion',
  ecommerce: {
    creative_name: 'Spring Banner',
    creative_slot: 'homepage_hero',
    promotion_id: 'PROMO-SPRING-2026',
    promotion_name: 'Spring Sale 2026',
    items: [{
      item_id: 'SKU-001',
      item_name: 'Running Shoes',
      price: 89.99,
      discount: 15.00,
    }],
  },
});

select_promotion

Ενεργοποιήστε αυτό το συμβάν όταν ένας χρήστης κάνει κλικ σε μια προσφορά για να μάθει περισσότερα ή να επωφεληθεί.

dataLayer.push({ ecommerce: null });
dataLayer.push({
  event: 'select_promotion',
  ecommerce: {
    creative_name: 'Spring Banner',
    creative_slot: 'homepage_hero',
    promotion_id: 'PROMO-SPRING-2026',
    promotion_name: 'Spring Sale 2026',
    items: [{
      item_id: 'SKU-001',
      item_name: 'Running Shoes',
      price: 89.99,
    }],
  },
});

Μετάβαση από το Google Analytics

Το ClearAnalytics είναι σχεδιασμένο να λειτουργεί παράλληλα ή ως αντικατάσταση του Google Analytics. Μπορείτε να εκτελέσετε και τα δύο εργαλεία παράλληλα κατά τη μετάβαση χωρίς συγκρούσεις.

Εκτέλεση και των δύο Script παράλληλα

Προσθέστε το script ClearAnalytics δίπλα στο υπάρχον Google Analytics tag σας. Και τα δύο scripts θα παρακολουθούν ανεξάρτητα χωρίς να παρεμβαίνουν μεταξύ τους.

<!-- Google Analytics (existing) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXX');
</script>

<!-- ClearAnalytics (add this line) -->
<script defer src="https://clearanalytics.eu/js/ca-events.js" data-ca-datalayer></script>

Συμβατότητα Χαρακτηριστικών

Πώς αντιστοιχούν τα χαρακτηριστικά του ClearAnalytics σε αυτά του Google Analytics:

Χαρακτηριστικό	Google Analytics	ClearAnalytics
Προβολές σελίδων	`gtag('event', 'page_view')`	Αυτόματο
Προσαρμοσμένα Συμβάντα	`gtag('event', ...)`	`window.ca('event')`
Ηλεκτρονικό Εμπόριο	`dataLayer.push()`	Συμβατό με dataLayer
Καμπάνιες UTM	Αυτόματο	Αυτόματο
Συνεδρίες	Βασισμένο σε cookies	Χωρίς cookies

Βήματα Μετάβασης

Προσθέστε το script ClearAnalytics στον ιστότοπό σας δίπλα στο Google Analytics.
Ενεργοποιήστε την υποκλοπή dataLayer με data-ca-datalayer για να καταγράψετε υπάρχοντα συμβάντα ηλεκτρονικού εμπορίου.
Συγκρίνετε τα δεδομένα και στους δύο πίνακες ελέγχου για 2-4 εβδομάδες για να επαληθεύσετε την ακρίβεια.
Μόλις ικανοποιηθείτε, αφαιρέστε το script Google Analytics και απολαύστε μια ταχύτερη, ρύθμιση με προτεραιότητα στο απόρρητο.

Υποστήριξη SPA

Το ClearAnalytics ανιχνεύει αυτόματα την πλοήγηση πελάτη σε εφαρμογές μονής σελίδας. Δεν απαιτείται πρόσθετη ρύθμιση ή ενσωμάτωση router.

Πώς λειτουργεί

Το script υποκλέπτει κλήσεις του History API του browser για ανίχνευση πλοήγησης σελίδας:

history.pushState() Οι κλήσεις υποκλέπτονται και ενεργοποιούν νέα προβολή σελίδας.
history.replaceState() Οι κλήσεις υποκλέπτονται και ενεργοποιούν νέα προβολή σελίδας.
popstate Τα συμβάντα (πίσω/μπροστά στον browser) ενεργοποιούν νέα προβολή σελίδας.

Συμβατά Frameworks

Λειτουργεί αυτόματα με οποιοδήποτε framework χρησιμοποιεί το History API για δρομολόγηση:

React Next.js Vue.js Nuxt Svelte SvelteKit Angular Remix Astro Inertia.js

Δεν χρειάζονται plugins router, lifecycle hooks ή χειροκίνητες κλήσεις παρακολούθησης. Απλώς προσθέστε την ετικέτα script μία φορά και κάθε πλοήγηση σελίδας παρακολουθείται αυτόματα.

Απόρρητο & Συμμόρφωση

Το ClearAnalytics είναι σχεδιασμένο με το απόρρητο στον πυρήνα του. Το script παρακολούθησης συλλέγει μόνο ανώνυμα, συγκεντρωτικά δεδομένα. Κανένα προσωπικό στοιχείο δεν αποθηκεύεται ή μεταδίδεται ποτέ.

Χωρίς Cookies

Το script δεν ορίζει, δεν διαβάζει και δεν εξαρτάται από cookies του browser. Δεν χρειάζεται banner συναίνεσης cookies.

Χωρίς Fingerprinting

Δεν δημιουργούμε ποτέ αποτυπώματα browser. Δεν χρησιμοποιούνται τεχνικές canvas, WebGL, γραμματοσειρών ή ήχου fingerprinting.

Χωρίς Αποθήκευση IP

Οι διευθύνσεις IP των επισκεπτών χρησιμοποιούνται μόνο για ανωνυμοποιημένο hashing κατά τη διάρκεια του αιτήματος. Δεν αποθηκεύονται ποτέ στη βάση δεδομένων.

Συμβατό με GDPR

Επειδή δεν συλλέγονται προσωπικά δεδομένα, το ClearAnalytics δεν εμπίπτει στις απαιτήσεις συναίνεσης του GDPR. Όλα τα δεδομένα παραμένουν στην ΕΕ.

Πώς ανωνυμοποιούμε τους επισκέπτες

Για να μετράμε μοναδικούς επισκέπτες χωρίς αποθήκευση προσωπικών δεδομένων, χρησιμοποιούμε ένα ανώνυμο hash με ημερήσια εναλλαγή:

Η διεύθυνση IP και ο User-Agent του επισκέπτη συνδυάζονται με ένα αλάτι ημερήσιας εναλλαγής.
Αυτός ο συνδυασμός κατακερματίζεται χρησιμοποιώντας μονόδρομο αλγόριθμο SHA-256.
Το αλάτι εναλλάσσεται κάθε 24 ώρες, καθιστώντας αδύνατη την παρακολούθηση επισκεπτών μεταξύ ημερών.
Η αρχική διεύθυνση IP δεν αποθηκεύεται ή καταγράφεται ποτέ.

Δεδομένα που συλλέγονται από το Script

Τα παρακάτω μη-προσωπικά πεδία δεδομένων αποστέλλονται με κάθε συμβάν προβολής σελίδας:

Πεδίο	Σκοπός
`pathname`	Η διαδρομή URL της σελίδας που επισκέπτεται.
`referrer`	Η URL της σελίδας παραπομπής, αν υπάρχει.
`language`	Η ρύθμιση γλώσσας του browser.
`screen_width / screen_height`	Διαστάσεις οθόνης για ταξινόμηση τύπου συσκευής.
`utm_*`	Παράμετροι παρακολούθησης καμπάνιας από το URL.
`duration`	Χρόνος παραμονής στη σελίδα σε δευτερόλεπτα.

Επειδή το ClearAnalytics δεν συλλέγει ποτέ προσωπικά δεδομένα, δεν χρειάζεστε banner συναίνεσης cookies, αναδυόμενο παράθυρο απορρήτου ή μηχανισμό opt-in για να χρησιμοποιήσετε το script παρακολούθησής μας. Είναι συμβατό με GDPR, ePrivacy, PECR και CCPA εξαρχής.