הקוד הבסיסי לבאנר החטופים:
בכדי לשנות את השפה לעברית, ניתן בשורה הראשונה לשנות מ en ל he.
<div id="bthn" lang="en"></div><script type="litespeed/javascript">(function(){var script=document.createElement("script");script.type="text/javascript";script.src="https://bringthemhomenow.net/1.1.0/hostages-ticker.js";script.setAttribute("integrity","sha384-DHuakkmS4DXvIW79Ttuqjvl95NepBRwfVGx6bmqBJVVwqsosq8hROrydHItKdsne");script.setAttribute("crossorigin","anonymous");document.getElementsByTagName("head")[0].appendChild(script)})()</script>
אם הבאנר מעט גדול מידי לאתר שלכם, או לתצוגה במובייל, ניתן להוסיף את שורת הCSS הזו בכדי להקטין אותו במעט:
#bthn {transform: scale(0.7);transform-origin: bottom left;}
אם אתם רוצים להקטין אותו רק לתצוגת מובייל, ניתן להדביק את ה - CSS הבא:
@media all and (max-width:768px){
#bthn {transform: scale(0.7);transform-origin: bottom left;}
}
בכדי להסתיר את הבאנר לאחר שהייה של הגולש באתר, ניתן להטמיע את הבאנר בצורה הבאה:
הסקריפט הבא יעשה שהבאנר יוסתר אוטומטית לאחר 60 שניות, ויוצג פעם נוספת לאחר שעה. ניתן לשנות את זמני ההופעה בהתאם לצורך.
<div id="bthn" lang="en"></div> <script type="litespeed/javascript">jQuery(document).ready(function($){const elementId="bthn";const storageKey="elementHidden";const oneHour=60*60*1000;const hiddenTime=localStorage.getItem(storageKey);if(hiddenTime&&new Date().getTime()-hiddenTime<oneHour){$(`#${elementId}`).hide()}else{$(`#${elementId}`).show();setTimeout(()=>{$(`#${elementId}`).fadeOut();localStorage.setItem(storageKey,new Date().getTime())},60000)}});(function(){const storageKey="scriptLastRun";const oneHour=60*60*1000;const now=new Date().getTime();const lastRun=localStorage.getItem(storageKey);if(lastRun&&now-lastRun<oneHour){return}
localStorage.setItem(storageKey,now);var script=document.createElement("script");script.type="text/javascript";script.src="https://bringthemhomenow.net/1.0.8/hostages-ticker.js";script.setAttribute("integrity","sha384-jQVW0E+wZK5Rv1fyN+b89m7cYY8txH4s3uShzHf1T51hdBTPo7yKL6Yizgr+Gp8C");script.setAttribute("crossorigin","anonymous");document.getElementsByTagName("head")[0].appendChild(script)})()</script>
בכדי ליצור מצב כאשר הגולש לוחץ על האיקס בכדי לסגור את הבאנר, הבאנר לא יופיע לו שוב במשך שעה, ניתן להשתמש בסקריפט הזה:
<div id="bthn" lang="en"></div> <script type="litespeed/javascript">(function(){const storageKey="scriptLastRun";const oneHour=60*60*1000;const now=new Date().getTime();const lastRun=localStorage.getItem(storageKey);if(lastRun&&now-lastRun<oneHour){return}
function loadScript(){var script=document.createElement("script");script.type="text/javascript";script.src="https://bringthemhomenow.net/1.0.8/hostages-ticker.js";script.setAttribute("integrity","sha384-jQVW0E+wZK5Rv1fyN+b89m7cYY8txH4s3uShzHf1T51hdBTPo7yKL6Yizgr+Gp8C");script.setAttribute("crossorigin","anonymous");document.getElementsByTagName("head")[0].appendChild(script)}
localStorage.setItem(storageKey,now);loadScript();document.getElementById("closeBthn").addEventListener("click",function(){localStorage.setItem(storageKey,new Date().getTime())})})()</script>
בכדי לשלב את 2 המצבים הללו, כאשר משתמש לוחץ על האיקס או כאשר עוברות 15 שניות, הבאנר ייסגר ויופיע שוב לאחר שעה, ניתן להשתמש בסקריפט הבא:
<div id="bthn" lang="en"></div> <script type="litespeed/javascript">(function(){const storageKey="scriptLastRun";const oneHour=60*60*1000;const now=new Date().getTime();const lastRun=localStorage.getItem(storageKey);if(lastRun&&now-lastRun<oneHour){return}
function loadScript(){var script=document.createElement("script");script.type="text/javascript";script.src="https://bringthemhomenow.net/1.0.8/hostages-ticker.js";script.setAttribute("integrity","sha384-jQVW0E+wZK5Rv1fyN+b89m7cYY8txH4s3uShzHf1T51hdBTPo7yKL6Yizgr+Gp8C");script.setAttribute("crossorigin","anonymous");document.getElementsByTagName("head")[0].appendChild(script);document.getElementById("bthnElement").style.display="block";setTimeout(()=>{hideElement()},15000)}
function hideElement(){document.getElementById("bthnElement").style.display="none";localStorage.setItem(storageKey,now)}
document.getElementById("closeBthn").addEventListener("click",function(){hideElement()});loadScript()})()</script>
