在将clickTag用于HTML5展示广告时,向网址添加搜索参数

时间:2019-05-14 20:48:03

标签: javascript html5

我从头开始制作HTML5标语/展示广告,并希望有一个html表单,该表单通过将参数附加到url来搜索网站。用户将有一个关键字和位置字段,并使用带有method="get"的html表单,URL结构将为

https://jobs.talbots.com/index.gp?method=cappportal.showPortalSearch&sysLayoutId=123&page=1&keyword=test

为了使广告服务器跟踪广告的点击,必须使用clickTag查询字符串参数。这是我在获取html表单以正确附加搜索参数时遇到的问题。

我无需使用clickTag参数即可正常运行搜索。我还尝试过将javascript:window.open(window.clickTag)与脚本一起用作表单操作:

    <script type="text/javascript">
        var clickTag = "https://jobs.talbots.com/index.gp";
    </script>`

使用此方法参数似乎下降。我的JavaScript不够强大,无法编写一些自定义内容来附加从表单接收的参数。以下是广告服务器提供的文档:https://dspsupport.basis.net/hc/en-us/articles/115007296827 我不确定是否与这种情况有关。

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="ad.size" content="width=300,height=250">
    <meta name="click.through" content="ad" />    
    <link rel="stylesheet" href="Talbots_JobSearch_300x250.css"/>
    <title>Tablots | Search Jobs - 300x250</title>
    <script type="text/javascript">
        var clickTag = "https://jobs.talbots.com/index.gp";
    </script>  
</head>
<body>
        <div id="ad" class="wrap">
    <form action="javascript:window.open(window.clickTag)" method="get" target="_blank">
        <input id="method" type="hidden" name="method" value="cappportal.showPortalSearch">
        <input id="sysLayoutID" type="hidden" name="sysLayoutID" value="123">  
        <label for="keyword">Keyword:</label> 
        <input id="keyword" type="text" name="keyword"><br>    

      <input type="submit" value="Search">
    </form>
        </div>         
</body>
</html>

我想使用clickTag查询字符串参数,还希望通过html表单将参数附加到url。这将呈现一个有效的搜索结果页面。

在当前版本中,我仅输入关键字,但之后会添加位置下拉列表。

1 个答案:

答案 0 :(得分:0)

您可以依靠window.open来代替target="_blank",而只需对正确的URL使用所有表单输入值和表单操作即可。

<form action="https://jobs.talbots.com/index.gp" method="get" target="_blank">
        <input id="method" type="hidden" name="method" value="cappportal.showPortalSearch">
        <input id="sysLayoutID" type="hidden" name="sysLayoutID" value="123">  
        <label for="keyword">Keyword:</label> 
        <input id="keyword" type="text" name="keyword"><br>    

      <input type="submit" value="Search">
    </form>