HTML კოდი
OXO.GE კოუნტერის კოდი უნდა განათავსოთ თქვენი ვებსაიტის ყველა გვერდზე,
</body> ტეგამდე. კოუნტერი აღრიცხავს ვიზიტორებს და აჩვენებს
სტატისტიკას OXO.GE-ს რეიტინგში.
კოდი თქვენი საიტისთვის:
საიტი: geosaitebi.org (ID: 37) — კოდი მზადაა, უბრალოდ დააკოპირეთ!
<!-- OXO.GE COUNTER CODE -->
<div id="top-ge-counter-container" data-site-id="37" data-counter-style="1" data-counter-color="#6366f1"></div>
<script async src="//oxo.ge/counter.js"></script>
<!-- / END -->
კოუნტერის პრევიუ:
ასე გამოჩნდება კოუნტერი თქვენს საიტზე
ონლაინ ვიზიტორების ბანერი:
თქვენს საიტზე შეგიძლიათ აჩვენოთ რეალურ დროში ონლაინ მომხმარებლების რაოდენობა და საიტის სახელი.
სტილი 1 — Pill
<!-- OXO.GE ONLINE BANNER (pill) -->
<div id="oxo-online" data-site-id="37" data-style="pill"></div>
<script async src="//oxo.ge/counter.js"></script>
სტილი 2 — Badge
<!-- OXO.GE ONLINE BANNER (badge) -->
<div id="oxo-online" data-site-id="37" data-style="badge"></div>
<script async src="//oxo.ge/counter.js"></script>
სტილი 3 — Minimal
OXO.GE — 3 ვიზიტორი ონლაინ
<!-- OXO.GE ONLINE BANNER (minimal) -->
<div id="oxo-online" data-site-id="37" data-style="minimal"></div>
<script async src="//oxo.ge/counter.js"></script>
ინტეგრაცია სხვადასხვა ტექნოლოგიაში:
აირჩიეთ თქვენი პროექტის ტექნოლოგია და დააკოპირეთ შესაბამისი კოდი.
HTML / Static Site
</body> ტეგამდე ჩასვით:
<!-- OXO.GE COUNTER CODE -->
<div id="top-ge-counter-container"
data-site-id="37"
data-counter-style="1"
data-counter-color="#6366f1"></div>
<script async src="//oxo.ge/counter.js"></script>
<!-- / END -->
PHP (Laravel, CodeIgniter, მარტივი PHP)
Layout/template ფაილში </body> ტეგამდე:
<!-- OXO.GE COUNTER CODE -->
<div id="top-ge-counter-container"
data-site-id="37"
data-counter-style="1"
data-counter-color="#6366f1"></div>
<script async src="//oxo.ge/counter.js"></script>
<!-- / END -->
Laravel: resources/views/layouts/app.blade.php — </body> ტეგამდე
CodeIgniter: app/Views/templates/footer.php
მარტივი PHP: საერთო footer.php ფაილში
React (Create React App, Vite)
შექმენით კომპონენტი OxoCounter.jsx:
import { useEffect, useRef } from 'react';
export default function OxoCounter({ siteId = '37', style = '1', color = '#6366f1' }) {
const loaded = useRef(false);
useEffect(() => {
if (loaded.current) return;
loaded.current = true;
if (!document.querySelector('script[src*="oxo.ge/counter.js"]')) {
const s = document.createElement('script');
s.src = '//oxo.ge/counter.js';
s.async = true;
document.body.appendChild(s);
}
}, []);
return (
<div
id="top-ge-counter-container"
data-site-id={siteId}
data-counter-style={style}
data-counter-color={color}
/>
);
}
გამოყენება: <OxoCounter siteId="37" />
Next.js (App Router / Pages Router)
მეთოდი 1 — App Router (app/layout.tsx):
import Script from 'next/script';
export default function RootLayout({ children }) {
return (
<html lang="ka">
<body>
{children}
<div
id="top-ge-counter-container"
data-site-id="37"
data-counter-style="1"
data-counter-color="#6366f1"
/>
<Script src="//oxo.ge/counter.js" strategy="lazyOnload" />
</body>
</html>
);
}
მეთოდი 2 — Pages Router (pages/_document.tsx):
import { Html, Head, Main, NextScript } from 'next/document';
export default function Document() {
return (
<Html lang="ka">
<Head />
<body>
<Main />
<NextScript />
<div
id="top-ge-counter-container"
data-site-id="37"
data-counter-style="1"
data-counter-color="#6366f1"
/>
<script async src="//oxo.ge/counter.js"></script>
</body>
</Html>
);
}
Vue 3 / Nuxt 3
Vue 3 — კომპონენტი OxoCounter.vue:
<template>
<div
id="top-ge-counter-container"
:data-site-id="siteId"
:data-counter-style="style"
:data-counter-color="color"
/>
</template>
<script setup>
import { onMounted } from 'vue';
const props = defineProps({
siteId: { type: String, default: '37' },
style: { type: String, default: '1' },
color: { type: String, default: '#6366f1' }
});
onMounted(() => {
if (!document.querySelector('script[src*="oxo.ge/counter.js"]')) {
const s = document.createElement('script');
s.src = '//oxo.ge/counter.js';
s.async = true;
document.body.appendChild(s);
}
});
</script>
Nuxt 3 — nuxt.config.ts-ში:
// nuxt.config.ts
export default defineNuxtConfig({
app: {
head: {
script: [
{ src: '//oxo.ge/counter.js', async: true }
]
}
}
});
// app.vue ან layouts/default.vue-ში:
// <div id="top-ge-counter-container"
// data-site-id="37"
// data-counter-style="1"
// data-counter-color="#6366f1" />
Node.js (Express + EJS / Pug / Handlebars)
EJS — layout.ejs-ში </body> ტეგამდე:
<!-- OXO.GE COUNTER CODE -->
<div id="top-ge-counter-container"
data-site-id="37"
data-counter-style="1"
data-counter-color="#6366f1"></div>
<script async src="//oxo.ge/counter.js"></script>
<!-- / END -->
</body>
Pug — layout.pug-ში:
//- OXO.GE COUNTER
#top-ge-counter-container(
data-site-id="37"
data-counter-style="1"
data-counter-color="#6366f1")
script(async src="//oxo.ge/counter.js")
Python (Django / Flask / FastAPI)
Django — base.html template-ში:
{# OXO.GE COUNTER CODE #}
<div id="top-ge-counter-container"
data-site-id="37"
data-counter-style="1"
data-counter-color="#6366f1"></div>
<script async src="//oxo.ge/counter.js"></script>
{# / END #}
</body>
Flask (Jinja2) — base.html-ში:
{# OXO.GE COUNTER CODE #}
<div id="top-ge-counter-container"
data-site-id="37"
data-counter-style="1"
data-counter-color="#6366f1"></div>
<script async src="//oxo.ge/counter.js"></script>
{# / END #}
{% block scripts %}{% endblock %}
</body>
FastAPI + Jinja2: იგივე Jinja2 სინტაქსი, templates/base.html-ში
WordPress
მეთოდი 1 — თემის footer.php-ში (wp_footer()-ს შემდეგ):
<?php wp_footer(); ?>
<!-- OXO.GE COUNTER CODE -->
<div id="top-ge-counter-container"
data-site-id="37"
data-counter-style="1"
data-counter-color="#6366f1"></div>
<script async src="//oxo.ge/counter.js"></script>
<!-- / END -->
</body>
</html>
მეთოდი 2 — functions.php-ში (რეკომენდებული):
// functions.php-ში ჩაამატეთ:
add_action('wp_footer', function() {
echo '<div id="top-ge-counter-container"
data-site-id="37"
data-counter-style="1"
data-counter-color="#6366f1"></div>';
echo '<script async src="//oxo.ge/counter.js"></script>';
});
მეთოდი 2 უკეთესია — თემის განახლება არ წაშლის კოდს.
როგორ მუშაობს კოუნტერი?
1
რეგისტრაცია
დაარეგისტრირეთ თქვენი საიტი OXO.GE-ზე და მიიღეთ უნიკალური ID.
2
კოდის განთავსება
ჩასვით HTML კოდი თქვენი საიტის ყველა გვერდზე </body> ტეგამდე.
3
ვიზიტორების აღრიცხვა
ყოველი ვიზიტისას სკრიპტი რეგისტრავს ჰიტს OXO.GE სერვერზე.
4
კოუნტერის ჩვენება
SVG კოუნტერ-ბანერი აჩვენებს ჰიტებს და უნიკალურ ვიზიტორებს რეალურ დროში.
5
რეიტინგში ასახვა
შეგროვებული მონაცემები განსაზღვრავს თქვენი საიტის პოზიციას OXO.GE რეიტინგში.