如何在wordpress網站上加載頁面時加入pop banner？

我有廣告代碼。如何在wordpress網站上加載頁面時加入pop banner？

<div id='div-gpt-ad-1373299297661-0-oop'> 
<script type='text/javascript'> 
googletag.display('div-gpt-ad-1373299297661-0-oop'); 
</script> 
</div>

我應該在哪裏添加它以在頁面加載時彈出。我在header.php文件的<body>標籤下添加了此代碼。但它顯示在header.it的頂部應該在頁面中間彈出。

的header.php

<body <?php body_class();?> itemscope="itemscope" itemtype="http://schema.org/WebPage"> 

<!-- 450x450 --> 
<!-- Overylay Banner --> 
<div id='div-gpt-ad-1373299297661-0-oop'> 
<script type='text/javascript'> 
googletag.display('div-gpt-ad-1373299297661-0-oop'); 
</script> 
</div> 


<?php 
if(of_get_option('full_or_boxed_layout')!= 'full_image_option'){ 
if(of_get_option('background_body_option')== 'big_image'){?> 
<img alt="full screen background image" src="<?php echo of_get_option('background_large_image');?>" id="full-screen-background-image" /> 
<?php }}?> 



<div id="content_nav"> 

     <div id="nav"> 
     <?php $top_menu = array('theme_location' => 'Top_Menu', 'container' => '', 'menu_class' => 'menu-top-menu-sf', 'menu_id' => '', 'fallback_cb' => false); wp_nav_menu($top_menu);?> 
     <?php $main_menu = array('theme_location' => 'Main_Menu', 'container' => '', 'menu_class' => '', 'menu_id' => '', 'fallback_cb' => false, 'link_after'=>'<span class="border-menu"></span>'); wp_nav_menu($main_menu);?> 
    </div> 
    </div>  
<?php if(of_get_option('full_or_boxed_layout') == 'box_image_option'){ if(of_get_option('background_option') == 'background_image'){?> 
<div class="full-background"><img src="<?php echo of_get_option('background_large_image');?>" alt="" /></div> 
<?php }}?> 

<div id="sb-site" class="<?php if(of_get_option('full_or_boxed_layout') == 'full_image_option'){echo "body_wraper_full";}else{echo "body_wraper_box";}?>">     


<div> 

     </div> 
<!-- Start header --> 
<header class="header-wraper"> 

<div class="header_top_wrapper"> 
<?php $main_top = array('theme_location' => 'Top_Menu', 'container' => '', 'menu_class' => 'sf-top-menu', 'menu_id' => 'menu-top', 'fallback_cb' => false);?> 
<div class="row <?php if($main_top == "" || !of_get_option('disable_top_menu')==0){echo "no-top";}?>"> 
<div class="six columns header-top-left-bar"> 

    <a class="open toggle-lef sb-toggle-left navbar-left" href="#nav"> 
       <div class="navicon-line"></div> 
       <div class="navicon-line"></div> 
       <div class="navicon-line"></div> 
       </a> 
<?php if(!of_get_option('disable_top_menu')==1){?> 



    <div class="mainmenu"> 
<?php wp_nav_menu($main_top);?> 
<div class="clearfix"></div> 
</div> 
<?php }?> 

</div> 

<div class="six columns header-top-right-bar"> 
<?php if(!of_get_option('disable_top_search')==1){?> 
     <div id="search_block_top"> 
    <form id="searchbox" action="<?php echo home_url(); ?>" method="GET" role="search"> 
     <p> 
      <input type="text" id="search_query_top" name="s" class="search_query ac_input" value="" placeholder="<?php _e('Search here', 'jelly_text_main'); ?>"> 
      <a class="button_search" href="javascript:document.getElementById('searchbox').submit();"></a> 
    </p> 
    </form> 
    <span>Search</span> 
    <div class="clearfix"></div> 
</div> 
<?php }?> 
<?php if(!of_get_option('disable_top_header_date')==1){?> 
<div class="clock"> 
<i class="fa fa-clock-o"></i> 
<div id="Date"> 
<?php 
/*setlocale(LC_TIME, "pt_BR"); 
$currDate = strftime("%e %B, %Y, %H:%M"); 
echo $currDate;*/ 
?> 

<?php echo date('l j F Y'); //setlocale(LC_TIME, "de_DE"); echo strftime('%A %d %B %Y');?></div> 
    <ul> 
     <li id="hours"></li> 
     <li class="point">:</li> 
     <li id="min"></li> 
     <li class="point">:</li> 
     <li id="sec"></li> 
    </ul> 
</div> 
<?php }?> 

<div class="clearfix"></div> 
</div> 

</div> 
</div> 



<div class="header_main_wrapper"> 
     <div class="row"> 



    <div class="<?php if (is_active_sidebar('banner-sidebar')) { echo'four columns header-top-left'; } else { echo'twelve columns logo-position';}?>"> 



     <!-- begin logo --> 


           <a href="<?php echo home_url(); ?>"> 
            <?php $logo = of_get_option('logo_uploader'); ?> 
            <?php if (!empty($logo)): ?> 
             <img src="<?php echo $logo; ?>" alt="<?php bloginfo('description'); ?>"/> 
            <?php else: ?> 
             <img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="<?php bloginfo('description'); ?>"/> 


            <?php endif; ?> 
           </a> 

          <!-- end logo --> 




    </div> 

    <?php if (is_active_sidebar('banner-sidebar')){ ?> 


    <div class="eight columns header-top-right"> 


    <?php dynamic_sidebar('banner-sidebar');?> 



    </div> 
    <?php }?> 


</div> 

</div> 


<!-- end header, logo, top ads --> 


<!-- Start Main menu -->

那麼，是我應該把廣告代碼？

是否可以通過文本小部件添加疊加橫幅？不用編輯header.php？

來源

2014-11-06 RajkumarLA

加載在頁面加載的東西，你需要把它添加到<body>標籤本身是這樣的：

<body onLoad="callJSFunction()"> 
. 
. 
. 
</body>

看看this教程：d

來源

2014-11-06 11:19:04

如何在wordpress網站上加載頁面時加入pop banner？

回答

相關問題