Thursday, March 10, 2016

[Inside AdSense] Viewability Spotlight for Sellers: 3 loading methods that can optimize your viewability

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" DIR="LTR">
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Google AdSense</title>
    <!--[if gte mso 9]><style type="text/css">
        <style>v\: * { behavior:url(#default#VML);display:inline-block }</style>
    </style><![endif]-->   


  <style type="text/css">
    a:link, a:visited, a:hover, a:active {
      color: #4285f4;
      text-decoration: none;
    }
  </style>
  
<style type="text/css">

    v\: * { behavior:url(#default#VML);display:inline-block; }
    
    .yshortcuts a span { color:inherit !important;
    border-bottom:none !important;}
    html { -webkit-text-size-adjust:none; -ms-text-size-adjust:100%; } 
    .ReadMsgBody {width: 100%;}
    .ExternalClass{width: 100%;}
    .ExternalClass * {line-height: 100%}
    .ioslinks_footer a{
        color:#333333 !important;
        text-decoration:none !important;
    }
    
    @media only screen and (max-width: 480px){ 
        .hero_image {
          width: 100% !important;
          height: auto;
        }
        .bodytext {
          padding-right: 5px;
      padding-left:5px !important;
        }
      .bodytext1 {
          padding-right: 3px !important;
      padding-left:3px !important;
        }
        .w79 {
          width: 79px !important;
        }
        .w59 {
          width: 59px !important;
        }
        *[class].header td.logo{
            padding-left:18px !important;
            padding-top:15px !important;
            height:auto !important;
        }
        *[class].header td.pubid_con{
            margin-left:10px !important;
            padding-right:0px !important;
            padding-top:5px !important;            
            display:inline-block !important;

        }
        .bg_box{
          padding-left:10px !important;
        }
        .resp{width:100% !important;
           height:auto !important;
          }
      .break_mob{
        float:left !important;
        width:100% !important;}
        
        .main_image{width:310px !important;
           height:auto !important;
          }
        *[class].pubid{
            font-size:14px !important;
            margin-bottom:12px !important;
        }
        *[class].signin{
            font-size:17px !important;
            margin-bottom:12px !important;
        }
        *[class].copy1{
            font-size:17px !important;
            line-height:21px !important;
        }
        *[class].h1{
            font-size:23px !important;
            padding-bottom:9px !important; 
        }
   *[class].indent1{
            padding-left:5px !important;
            padding-right:5px !important;
        }
    .pdl2
    {
    padding-left:2px !important;
    }

 *[class].indent{
            padding-left:3px !important;
            padding-right:0px !important;
        }    
        *[class].block{
            display:block !important;
        }
        *[class].inlineblock{
            display:inline-block !important;
            vertical-align:top;
      padding-left:3px !important;
      padding-right:3px !important;
        }
        *[class].hide{
            display:none !important;
        }
        *[class].height15{
            height:15px !important;
        }
        *[class].height20{
            height:20px !important;
        }
        *[class].height10{
            height:10px !important;
        }
 
        *[class].height18{
            height:18px !important;
        }
        *[class].width10{
            width:10px !important;
        }
        *[class].width30{
            width:30px !important;
        }
        *[class].width300{
            width:300px !important;
        }
      *[class].width320{
            width:310px !important;
        }
        *[class].width304{
            width:307px !important;

        }
        *[class].width312{
            width:312px !important;
        }
        *[class].width290{
            width:290px !important;
        }
        *[class].width298{
            width:298px !important;
        }
        *[class].width247{
            width:247px !important;
      height:40px !important;
        }
*[class].propertycode-pl{
            padding-left:8px !important;
      text-align:left !important;
        }
        *[class].cta{
            width:100% !important;
            height:38px;
            
        }
        *[class].cta{
            margin-top:7px;
        }
*[class].widthten{
            width:10% !important;
        }
        *[class].cta, *[class].cta-center{
            width:300px !important;
            height:38px;
            
            font-size:14px !important;
            font-weight:bold;
        }
.width102
{
width:102% !important;
}
        *[class].cta-center a{

            font-size:18px !important;
            font-weight:bold;
        }

        *[class].pl10{
            padding-left:10px !important;
        }
        *[class].pr10{
            padding-right:10px !important;
        }
        *[class].stack{
            width:320px;
        }
        *[class].feedbackbar{
            font-size:16px !important;
            line-height:21px !important;
            height:50px !important;
            padding-left:45px !important;
            padding-right:45px !important;
            text-align:center;
            
        }
        table[class].stack, table[class].stack tr {
            display: block !important;
        }
        *[class].bottom-col { 
            width: 320px !important;            
            display: table-footer-group; 
        }
        *[class].top-col {
            width: 100% !important;
            display: table-header-group; 
        }
        
        *[class].social_icon{
            width:50px !important;
        }
        *[class].social_icon img{
            width:40px !important;
            height:40px !important;            
        }
*[class].goog_dev_icon{
            width:49px !important;
            height:40px !important;            
        }
        
        *[class].social_text{
            font-size:14px !important;
            padding:0px !important;
        }
        *[class].social_headline{
            font-size:18px !important;
            font-weight:bold !important;
            text-align:center;
            color:#666666 !important;
        }
        *[class].social_bug{
            margin-bottom:19px !important;
        }
        *[class].footer{
            font-size:12px !important;
            color:#666666 !important;;
            padding:0 !important;
      padding-top:10px !important;
        }
        .thebtn > span {
          line-height: 37px !important;
        }
        
    }
}
</style>
</head>

<body style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;">

  
  


<table DIR="LTR" cellspacing="0" cellpadding="0" width="600" class='width320' align="center" >
    <tr>
        <td align="left" bgcolor="#ffffff">
            <!-- Start preheader -->
            <table DIR="LTR" cellspacing="0" cellpadding="0" width="100%" style="text-align: left;">
                <tr>
                    <td align="left" height="30" style="font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; line-height: 12px; color: #666666; text-align: left;">
               In this post you'll learn 3 content and ad loading methods that can optimize your viewability rates. 
                    </td>
                </tr>
            </table>
            <!-- End preheader -->            
            <table cellspacing="0" cellpadding="0" width="100%" class="width320" DIR="LTR" style="text-align: left;">  
                <tr>
                    <td width="100%" class='width320' align="left" style="border-top-style: solid; border-top-width: 1px; border-top-color: #d5d5d5; border-left-style: solid; border-left-width: 1px; border-left-color: #d5d5d5; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #d5d5d5; border-right-style: solid; border-right-width: 1px; border-right-color: #d5d5d5;">

                        <!-- Start Header -->
                        <table cellspacing="0" cellpadding="0" width="100%" class="width304" DIR="LTR" style="text-align: left;">
                            <tr>
                                <td bgcolor="#f5f5f5">
                                    <table cellspacing="0" cellpadding="0" width="100%"  class="width102" DIR="LTR" style="border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #d5d5d5;" bgcolor="#f5f5f5">
                                        <tr class="block header" bgcolor="#f5f5f5">
                                            <td class="block logo" align="left" valign="middle" height="77" style="padding-left: 18px; padding-right: 18px;" bgcolor="#f5f5f5">
    <h2 style="color: rgba(0,0,0,.54);
   display: inline-block;
   font-size: 30px;
   font-family: Roboto, sans-serif;
   font-weight: normal;
   line-height: 30px;
   vertical-align: top;"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiag0-RRyHfBVlEDWuf8tMYobhHRtnkzvdFWBannVuwAIEERyNwzFbSOUVmUstmYmwvmFm9o-YpKFY5AhHUeL8bTfpfammh2o0tDjUQ1i11fw_Xn3SCrFGHoGUtYwG8gOwCPpIZQpoGNW8/s1600-r/adsense-logo-new.png" style="display:inline;vertical-align:middle;"/> Inside AdSense&nbsp;&nbsp;&nbsp;&nbsp;</h2>
<!--<img src="http://services.google.com/fh/files/emails/google_adsense_logo_horiz_q4_2015_472x72.png" alt="Google AdSense" title="Google AdSense" height="36" border="0" style=" width:auto; display: block;" class="logo" />-->
                                                <!-- Spacer -->
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                        <!-- End Header-->
                        
                        
                          <table cellspacing="0" cellpadding="0" border="0" width="598" class="width320" DIR="LTR" style="text-align: left;">
                            <tr>
                                <td width="20" class="hide"></td>
                                <td width="558"  class="width320 indent1">
                                    <table cellspacing="0" cellpadding="0" DIR="LTR" style="text-align: left;">
                                        
                                        
<tr>
     <td align="left" style="font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; line-height: 19px; color: #444444; padding-top:15px;">

</td>
</tr>
<tr>
<td align="left" style="font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; line-height: 19px; color: #444444; padding-top:15px;">
Blog post intro
                                             <!-- start of button - cta v3 -->
                                             
                                             
                                                          
                                                  <table border="0" cellpadding="0" cellspacing="0" align="" style="margin:0; padding:0;border-collapse:collapse;"><tr height="36"><td class="btn-left" width="3" height="36" bgcolor="#3369E8"><img class="" src="https://www.gstatic.com/rsys/images/xsell/adsense_left_of_button.png" style="display:block;" width="3" height="36" border="0" /></td><td bgcolor="#3369E8"><table cellpadding="0" cellspacing="0" border="0" align="center" style="margin-top:0; margin-right:0; margin-left:0; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0;border-collapse:collapse; color:#ffffff; text-decoration:none;"><tr><td class="btn-mid cta" width="171.6" height="36" valign="middle" align="center" background="https://www.gstatic.com/rsys/images/xsell/adsense_middle_of_button.png" style="background-repeat:repeat-x; background-image:url('https://www.gstatic.com/rsys/images/xsell/adsense_middle_of_button.png');"><!--[if gte mso 9]><v:rect style="width:171.6px;height:36px;" strokecolor="none"><v:fill type="tile" src="https://www.gstatic.com/rsys/images/xsell/adsense_middle_of_button.png" /></v:fill></v:rect><v:shape id="theText" style="display:inline-block; position:relative; height:36px; width:171.6px; margin:0 auto; border:0; z-index:2; text-align:center; line-height:36px; color:#ffffff;"><![endif]--><table align="center" border="0" cellpadding="0" cellspacing="0" style="margin-top:0; margin-right:0; margin-left:0; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0;border-collapse:collapse; color:#ffffff; text-decoration:none;"><tr><td class="thebtn cta" width="171.6" height="20" align="center" valign="middle" style="text-align:center; font-size:13px; line-height:20px; color:#ffffff;"><a href="http://goo.gl/VaOHBj"thebtn" style="margin:0; padding:0; text-align:center; color:#ffffff !important; font-weight:normal; display:block; text-decoration:none; font-family:Arial, Helvetica, sans-serif;"><span style="color: #ffffff; text-decoration: none;">Read here</span></a></td></tr></table><!--[if gte mso 9]></v:shape><![endif]--></td></tr></table></td><td class="btn-right" width="3" height="36" bgcolor="#3369E8"><img src="https://www.gstatic.com/rsys/images/xsell/adsense_right_of_button.png" width="3" height="36" border="0" style="display:block;"/></td></tr></table>
                                                
                                              
                                              
                                              <!-- end of button - cta v3 --> 
</td>
</tr>
<tr>
<td align="left" style="font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; line-height: 19px; color: #444444; padding-top:15px;">
Stay tuned for our next one</td>
</tr>

                                        
                                        
                                        
                                            
                                    </table>
                                </td>
                                <td width="20" class="hide"></td>
                            </tr>
                        </table>
                      
                        <!-- Spacer -->  
                        <table cellspacing="0" cellpadding="0" width="598" class="stack width320 indent" DIR="LTR" style="text-align: left;">
                            <tr>
                            <td width="20" class="hide"></td>
                            <td class="bottom-col indent" align="left" width="558"  valign="top">
                                    
                                    <!-- Spacer --><table cellpadding="0" cellspacing="0"><tr><td class="height10" height="1" style="line-height: 1px;"><img src="http://services.google.com/fh/files/emails/spacer_11.gif" width="1" height="1" border="0" alt="" style="display: block;" /></td></tr></table>
                                  
                                    <!-- Spacer --><table cellpadding="0" cellspacing="0"><tr><td class="height18" height="10" style="line-height: 10px;"><img src="http://services.google.com/fh/files/emails/spacer_11.gif" width="1" height="1" border="0" alt="" style="display: block;" /></td></tr></table>
                                    
                                    <!-- Start Left Col -->
                                    <table border="0" cellspacing="0" cellpadding="0" width="100%" class="width320" align="center" DIR="LTR" style="text-align: left;">
                                        <tr>
                                            <td class="bodytext" align="left" style="text-align: left; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; line-height: 19px; color: #444444;">
                                               
                                                
  <table cellspacing="0" cellpadding="0" border="0" width="100%">
 <tr>
<td align="left" style="font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; line-height: 19px; color: #444444; padding-top:0px;">

</td>
</tr>
</table>

                                            </td>
                                        </tr>
                                       

                                        <tr>
                                            <td class="bodytext1" align="left" style="text-align: left; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; line-height: 19px; color: #444444;"><br />Posted by Anish Kattukaran 
                         </td>
                                        </tr>
                                    </table>
                                    <!-- End Left Col-->
                                </td>
                                
                                <td width="20" class="hide"></td>
                            </tr>
                        </table>
                        <!-- Spacer -->
                        
                        <table cellpadding="0" cellspacing="0">
                          <tr>
                            <td height="15" style="line-height: 1px;">
                              <img src="http://services.google.com/fh/files/emails/spacer_11.gif" width="1" height="1" border="0" alt="" style="display: block;" />
                            </td>
                          </tr>
                        </table>       
            </td>
            </tr>
        </table>  
  </td>
</tr>
</table>
</body>
</html>

--
--
Unable to view the links or images in the message above? Want to comment on this post? Visit http://adsense.blogspot.com/ .
 
You received this message because you are subscribed to the Google Groups "Inside AdSense" group.
To unsubscribe from this group, send email to Inside-AdSense+unsubscribe@googlegroups.com
For more options, visit this group at http://groups.google.com/group/Inside-AdSense

---
You received this message because you are subscribed to the Google Groups "Inside AdSense" group.
To unsubscribe from this group and stop receiving emails from it, send an email to inside-adsense+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

No comments: