在Gmail / google html广告中添加表单

时间:2019-04-22 18:03:42

标签: gmail ads google-adwords

<html>
    <head>
        <title>Banco Security</title>
            
        <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
  
      <!--   <script type="text/javascript">
            var clickTag = "http://www.google.com"; 
        </script> -->

      
        <style>
              html {
            -ms-text-size-adjust: 100%;
            /* 2 */
            -webkit-text-size-adjust: 100%;
            /* 2 */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-overflow-scrolling: touch;
            font: 300 16px/18px "Whitney"; }


            body {
              
              font-family: "Titillium Web", sans-serif;
                    margin: 0;s
             }

             p {
              font-size: 16px;
             }

              * {
                  outline: none; }

                   label {
              font-family: "Titillium Web", sans-serif;
              font-size: 14px;
              font-weight:600;
              color: #555555;
              margin-bottom: 10px;
              line-height: 1.2;
            }
            .label {
              position:relative;
              bottom: -38px;
              margin-left:12px;
              transition: bottom 0.4s, margin-left 0.4s, color 0.4s;
            }
            input, textarea {
              font-family: "Titillium Web", sans-serif;
              background: #fff;
              width: 100%;
           /*   padding: 12px;*/
               padding-top: 12px;
               padding-bottom: 12px;
             /* padding-left: 12px;*/
              border:1px solid #ccc;
              border-radius: 4px;
              font-size: 14px;
              font-weight:400;
              color: #555555;
              outline: none;
              margin: 5px 0 10px 0;
              display: block;
              line-height: 1.2;

            }
            span{
                font-family: "Titillium Web", sans-serif;
            }

              input:focus, textarea:focus {
              border:1px solid #6A2E92;
            }
            ::-webkit-input-placeholder {
              color: #bdbdbd;
              font-weight:600;
            }
            ::-moz-placeholder {
              color: #bdbdbd;
              font-weight:600;
            }
            :-ms-input-placeholder {
              color: #bdbdbd;
              font-weight:600;
            }
            :-moz-placeholder {
              color: #bdbdbd;
              font-weight:600;
            }

               select {
              font-family: "Titillium Web", sans-serif;
              background: #fff;
              width: 101%;
              padding: 12px;
              border:1px solid #ccc;
              border-radius: 4px;
              font-size: 14px;
              color: #555555;
              display: block;
              line-height: 1.2;
              -webkit-appearance: none;
              -moz-appearance: none;
              -o-appearance: none;
              -ms-appearance: none;
              appearance: none;
     
              margin: 5px 0 10px 0;
            }

            
             .btn-accion, .btn-accion:focus{
              font-family: "Titillium Web", sans-serif;
              background: #498B2B;
              width: 180px;
              margin: 20px 0 5px;
              color: #fff;
              font-size: 16px;
              border-radius: 4px;
              font-weight: 600;
              padding: 10px 0;
              border: none;
              display: block;
              outline: none;
              line-height: 1.2;
            }
            .btn-accion:hover{
              background: #3a7021;
              color: #fff;
            }


        </style>
   
            
    </head>
    <body>
        <div align="center">
            
            
          <table width="650" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td height="40" align="center"><span style="color:#999;   font-size:11px; font-family: Trebuchet, Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; padding:10px 0px; margin:0px;"></span></td>
                </tr>
          </table>
            
            
       
                        <table border="0" cellspacing="0" cellpadding="0" width="650" >
                            <tr>
                                <td valign="top" width="650"  align="center" >
                      
                                      <img src="http://enviossecurity.cl/banco/2019/abril/imggoogleadds/banner.png" alt="imagen banner" width="650" height="100">
                                </td>
                            </tr>
                  
                        
                            <tr>
                                <td>
                                    <table align="center" width="650">
                                        <tr>
                                            <td>&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <table width="650" border="0" cellpadding="0" cellspacing="0">
                 
                                                    <tr>
                                                        <td align="left" width="315" valign="top">
                                                             <table width="315" border="0" cellpadding="0" cellspacing="0">
                                                                <tr>
                                                                    <td>
                                                                         <span style=" font-size:16px;color:#555555; text-align:center; margin-top:0px;">
                                                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque <a href="http://personas.bancosecurity.cl/">ver mas</a>
                                                                         </span>
                                                                    </td>
                                                                </tr>
                                                               <tr>
                                                                    <td height="20" colspan="10" align="center" valign="top" >&nbsp;</td>
                                                                </tr> 
                                                                <tr>
                                                                    <td>
                                                                         <span style=" font-size:15px;color:#555555; text-align:center; margin-top:0px;">
                                                                            <strong>
                                                                                Lorem ipsum dolor sit amet, consectetur adipisicing 
                                                                            </strong>
                                                                         </span>
                                                                    </td>
                                                                </tr>
                                                               <tr>
                                                                    <td height="20" colspan="10" align="center" valign="top" >&nbsp;</td>
                                                                </tr> 
                                                                 <tr>
                                                                    <td>
                                                                         <span style=" font-size:15px;color:#555555; text-align:center; margin-top:0px;">
                                                                            Lorem ipsum dolor sit amet, consectetur 
                                                                         </span>
                                                                    </td>
                                                                </tr>
                                                               <tr>
                                                                    <td height="10" colspan="10" align="center" valign="top" >&nbsp;</td>
                                                                </tr> 
                                                                <tr>
                                                                    <td>

                                                                   <!--      example of form this does not work -->
                                                      
                                                                            <form action="http://personas.bancosecurity.cl/" method="get">
                                                                                <input type="text" name="query">
                                                                                <input type="submit" value="Search">
                                                                            </form>
                                                                    </td>
                                                                </tr>
                                                             </table>
                                                        </td>
                                                        <td width="20">&nbsp;</td>
                                                        <td  align="right" width="315" valign="top" >
                                                   
                                                              <img src="http://enviossecurity.cl/banco/2019/abril/imggoogleadds/imgprinci.png" alt="imagen principal" width="315" height="417">
                                                        </td>
                                                     
                                                    </tr>
                                                    <tr>
                                                        <td height="20" colspan="10" align="center" valign="top" >&nbsp;</td>
                                                    </tr> 
                                                 </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>&nbsp;</td>
                                        </tr>
                                    </table>  
                                </td>
                            </tr>
                        </table>

        </div>
    </body>
</html>

我绝对不明白如何在HTML Gmail广告中添加表单。我读了很多文章,但是没有人解释如何创建它或提供模板。我必须使用Google表单还是其他?

我添加了一个普通的基本表单,但在实施时给了我这个错误:“此html5广告包含表单函数,目前不兼容”

我已经阅读了Google Ads帮助,但未对表单(https://support.google.com/google-ads/answer/7019461)进行任何说明

我附上我当前的代码 谢谢!

0 个答案:

没有答案