קצת רקע

לפני כמה ימים נכנסתי לאתר של רשת ספרים גדולה…
וכשיצאתי מהכרטיסייה לעמוד אחר או לתוכנה אחרת במחשב, שמתי לב לדבר שמאוד משך את תשומת ליבי –
הטקסט שבכותרת הסימנייה התחלף למשך כמה שניות לטקסט "מחכים לך.." (שנכון לשני המינים),
לאחר כשתי שניות שוב התחלף הטקסט לכותרת המקוריות.
כך ידעתי מי בדיוק קורה לי לחזור (איזה אתר), והיכן אני נמצא (באיזה מוצר \ עמוד)!

זה כל כך תפס את תשומת ליבי שידעתי שלאתר מכירות אני חייב דבר כזה!!!

קדימה לקוד.

הוא ממש פשוט ולא צריך שינוי בתוכן הקוד אלא להעתיק ולהדביק!

היכן?
בניהול הקודים של אלמנטור (PRO כמובן…)

הוסיפו את הקוד הזה ל"head",

הנה הקוד:

<script>
(function() {
let pageTitle = document.title;
let altTitle = "מחכים לך...";
let isAlt = false;
let intervalId;

window.onblur = function() {
intervalId = setInterval(function() {
document.title = isAlt ? pageTitle : altTitle;
isAlt = !isAlt;
}, 2000);
};

window.onfocus = function() {
clearInterval(intervalId);
document.title = pageTitle;
};
})();
</script>

הוא מקבל בצורה דינמית את הכותרת המקורית כל פעם מהעמוד הנוכחי!,
ואז במקרה של עזיבת העמוד (אזור ה-body) הוא משנה את הכותרת לסירוגין כל שתי שניות לטקסט "מחכים לך…" ואחר שתי שניות נוספות לכותרת המקורית וחוזר חלילה!

נכון שזה מגניב? 🤩
אי אפשר להתעלם מזה! כל שינוי נקלט בעין של הגולש וקורא לו בחזרה לאתר…

טיפ! אם תרצו שזה יופיע רק בעמודי מוצר / פרויקט, תוכלו לבצע זו דרך תנאי ההופעה של אלמנטור בעת הוספת הקוד ל'ניהול קודים' של אלמנטור.

בהצלחה!