جافا سكربت
<center>
<script>
var times=history.length;
document.write(' عدد تصفحك '+times+' الان');
</script>
</center>
حطه في اي مكان
جافا سكربت
<center>
<script>
var times=history.length;
document.write(' عدد تصفحك '+times+' الان');
</script>
</center>
حطه في اي مكان
نُضيف أزرار التمرير داخل index.html
<!-- أزرار أعلى/أسفل -->
<button onclick="scrollToTop()" class="scroll-btn top">🔝</button>
<button onclick="scrollToBottom()" class="scroll-btn bottom">🔻</button>
نُضيف تنسيق CSS خاص بها في style.css
.scroll-btn {
position: fixed;
right: 20px;
background-color: #2c3e50;
color: white;
border: none;
padding: 12px;
border-radius: 50%;
cursor: pointer;
z-index: 100;
font-size: 20px;
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
transition: background 0.3s;
}
.scroll-btn:hover {
background-color: #1abc9c;
}
.scroll-btn.top {
bottom: 80px;
}
.scroll-btn.bottom {
bottom: 20px;
}
نضيف دوال التمرير في script.js
function scrollToTop() {
window.scrollTo({ top: 0, behavior: 'smooth' });
}
function scrollToBottom() {
window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' });
}
وسلامتكم
لزم الدخول لـ 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
واضافه بالقالب
الرسمي
https://wordpress.org/
الاضافات
https://ps.w.org/
كيفية استخدام ps.w.org في سياق WordPress:
البحث عن إضافة: افترض أنك ترغب في إضافة معينة لموقعك الذي يعمل بنظام WordPress، مثل إضافة لإدارة النشر على وسائل التواصل الاجتماعي. يمكنك زيارة ps.w.org واستخدام صندوق البحث للبحث عن "social media publishing"
اختيار الإضافة المناسبة: بعد البحث، ستظهر لك نتائج تتعلق بالإضافات المتاحة. اختر الإضافة التي ترغب في استخدامها على أساس التقييمات والوصف والميزات المتاحة
تحميل وتثبيت الإضافة: بعد اختيار الإضافة، انقر على زر التثبيت أو تنزيل لتحميل الإضافة إلى موقعك. سيتم تثبيت الإضافة بشكل طبيعي من خلال لوحة التحكم في WordPress
استخدام الإضافة: بمجرد تثبيتها، يمكنك تكوين الإضافة واستخدامها وفقًا لاحتياجات موقعك. على سبيل المثال، إذا كانت الإضافة تدير نشر المحتوى على وسائل التواصل الاجتماعي، يمكنك ضبط الإعدادات والجداول الزمنية لنشر المقالات تلقائيًا
باختصار، ps.w.org يوفر لك واجهة لاستعراض وتنزيل الإضافات المتاحة لنظام WordPress، ويمكنك استخدامها لتعزيز موقعك بميزات إضافية وتخصيصه بما يناسب احتياجاتك الفردية أو الأعمال
مجموعه روابط

قوقل رسمي
https://transparencyreport.google.com/safe-browsing/search?url=
والباقي مختاره
https://www.site24x7.com/tools/link-checker.html
https://ahrefs.com/broken-link-checker
https://www.deadlinkchecker.com/
https://www.a2hosting.com/kb/getting-started-guide/internet-and-networking/checking-your-website-for-broken-links/
https://www.drlinkcheck.com/
https://moz.com/link-explorer
https://dnschecker.org/website-broken-link-checker.php
https://validator.w3.org/checklink
https://nordvpn.com/ar/link-checker/
https://sitecheck.sucuri.net/
https://tools.pingdom.com/
وسلامتكم