Как добавить поп-баннер при загрузке страницы на сайте WordPress?

У меня есть рекламный код.

<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 ??

0

Решение

чтобы загрузить что-то на странице загрузки, вам нужно добавить это в <body> пометить себя так:

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

Взгляни на этот учебник: D

0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]