在页面加载时显示调用操作栏

Display Call To Action bar on page load

本文关键字:调用 操作 显示 加载      更新时间:2023-09-26

我使用下面的代码来加载点击栏,但我不知道如何在页面加载时自动加载它。

<script>
var autohide;
$('body').prepend('<div id="bn-bar"><b>DON''T MISS OUT!</b> Only 9 seats remain for the Google Tag Manager training on May 22!    <a href="#">Book Your Seat Today!</a><div id="hider"> </div></div>');
$(document).ready(function(){
$("#hider").click(function(){
  $("#bn-bar").animate({
    top: "-50"
  }, "fast","linear", function(){});
})
$("#bn-bar").mouseover(function(){clearTimeout(autohide);});
setTimeout(function(){$("#bn-bar").animate({top: "0"}, "slow","linear", function(){});},2500);
autohide = setTimeout(function(){$("#bn-bar").animate({top: "-30"}, "fast","linear", function(){});},10000);
})
</script>

基本上我试图加载一个消息,当用户进入我的网站,我将通过谷歌标签管理器插入它。下面是我找到代码的页面:

创意标签管理器-广告,促销和访客消息- lunametrics

将这个标签的触发规则设置为默认的'All pages'规则将导致它在每次页面加载时都包含。若要仅在会话的第一个页面浏览时或基于其他条件触发它,请查看您链接的Lunametrics页面的When We fire Them部分。