لزم الدخول لـ Google Analytics
الكود اللى لزم تضيفه بقالب مدونتك والبحث عن
<head>
او
</head>
فوقه
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXXX-X"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-XXXXXXXXX-X');
</script>
راح تضيف الكود الخاص بمدونتك لتعديل لـ
XXXXXXXXX-X
بمجرد أن تكون قد أضفت Google Analytics وبعد أن تكون قد حصلت على بيانات الزوار في حساب Google Analytics الخاص بك، يمكنك استخدام الكود التالي لعرض عدد الزوار الحاليين بمدونتك
<script>
function displayVisitorsCount(json) {
var visitors = json.totalsForAllResults['ga:pageviews'];
document.getElementById('visitorsCount').innerHTML = 'عدد الزوار الحاليين: <b>' + visitors + '</b>';
}
</script>
<div id="visitorsCount" style="text-align: center; font-size: 18px; margin-top: 20px;"></div>
<script src="https://www.google-analytics.com/analytics.js"></script>
<script>
gapi.analytics.ready(function() {
gapi.analytics.auth.authorize({
'serverAuth': {
'access_token': 'YOUR_ACCESS_TOKEN' // يجب استبدال YOUR_ACCESS_TOKEN بالرمز الذي يتم استخدامه
وكود اخر
<script>
function displayVisitorsCount(json) {
var visitors = json.totalsForAllResults['ga:pageviews'];
document.getElementById('visitorsCount').innerHTML = 'عدد الزوار الحاليين: <b>' + visitors + '</b>';
}
</script>
<div id="visitorsCount" style="text-align: center; font-size: 18px; margin-top: 20px;"></div>
<script src="https://www.google-analytics.com/analytics.js"></script>
<script>
gapi.analytics.ready(function() {
var viewId = 'YOUR_VIEW_ID'; // استبدل YOUR_VIEW_ID بمعرف عرض Google Analytics لموقعك
var data = new gapi.analytics.report.Data({
query: {
ids: 'ga:' + viewId,
metrics: 'ga:pageviews',
'start-date': '30daysAgo', // يمكنك تعديل تاريخ البداية حسب احتياجاتك
'end-date': 'today' // يمكنك تعديل تاريخ النهاية حسب احتياجاتك
}
});
data.on('success', function(response) {
displayVisitorsCount(response);
});
data.execute();
});
</script>
كيفية تعديل الكود:
معرف العرض (viewId):
قم بتعديل YOUR_VIEW_ID إلى معرف عرض Google Analytics الخاص بموقعك. يمكنك العثور على هذا المعرف في واجهة Google Analytics في قسم "إعدادات العرض" تحت "معلومات العرض".
تاريخ البداية والنهاية:
يمكنك تعديل تواريخ البداية والنهاية (start-date و end-date) في الطلب الخاص بك حسب ما تريد. في المثال، تم تعيين start-date إلى "30daysAgo" و end-date إلى "today"، ولكن يمكنك تعديل هذه القيم بحسب احتياجاتك.
باستخدام هذا الكود، سيتم استعلام Google Analytics للحصول على عدد الزيارات خلال الفترة المحددة، ومن ثم عرض هذا العدد في العنصر المحدد بـ <div id="visitorsCount">. تأكد من أنك قمت بتضمين النص باللغة العربية كما تريد، ويمكنك ضبط التنسيق والأسلوب حسب تصميم مدونتك
والتطبيق الاخير :
<body>
<div id="postsCount"></div>
<div id="commentsCount"></div>
<div id="visitorsCount"></div>
<script type="text/javascript">
function numberOfPosts(json) {
document.getElementById('postsCount').innerHTML = 'عدد المواضيع: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>';
}
function numberOfComments(json) {
document.getElementById('commentsCount').innerHTML = 'عدد التعليقات: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>';
}
function displayVisitorsCount(json) {
document.getElementById('visitorsCount').innerHTML = 'عدد الزوار الحاليين: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>';
}
</script>
<font color="blue">
<script src="/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>
<script src="/feeds/visitor-count/default?alt=json-in-script&callback=displayVisitorsCount"></script>
بعد التعرف على
XXXXXXXXX-X
واضافه بالقالب
المشاركات
