横幅缺失，单击标记检查验证
横幅缺失，单击标记检查验证
提问于 2017-11-02 19:11:26
我需要创建doubleclick横幅，而且我正在使用。我想通过简单的clickTag调用href="javascript:window.open(window.clickTag)"，一切都正常，但是当我验证它时
https://h5validator.appspot.com/dcm/asset I得到错误：
缺少的单击标记检查
如何删除这个错误，我遗漏了什么？
谢谢
回答 4
Stack Overflow用户
回答已采纳
发布于 2019-03-27 14:32:31
我也遇到了同样的问题，我试着按照id=636892883779240296-1524067146&rd=1#dev > Click > Sample插入下的说明进行操作。然而，无论我尝试了什么，我都无法使它发挥作用。结果总是:它工作得很好，但是验证器抛出了一个错误。
因此，我回到了第二个选项“使用进行退出事件”。完全按照那里的步骤走。结果是一个创造性的签入验证器，但不能点击。
因此，在包括gwd水龙头区域之后，我还在身体内部手动添加了一个额外的锚，所以它看起来如下所示：
<body>
<a href="javascript:window.open(window.clickTag)">
<gwd-google-ad id="gwd-ad" polite-load="">
(...)
<gwd-pagedeck class="gwd-page-container" id="pagedeck">
<gwd-page id="page1" class="gwd-page-wrapper gwd-page-size gwd-lightbox" data-gwd-width="300px" data-gwd-height="600px">
(...)
<gwd-taparea id="gwd-taparea_1" class="gwd-taparea-vsnj"></gwd-taparea>
</div>
</gwd-page>
</gwd-pagedeck>
<gwd-exit metric="CTA-xyz" url="http://abc.de"></gwd-exit>
</gwd-google-ad>
<script type="text/javascript" id="gwd-init-code">
(...)
</script>
</a>
</body>现在我有一个创造性的验证，但也是可点击的。
Stack Overflow用户
发布于 2017-11-02 19:22:57
我认为这将帮助您找到解决您的问题的办法，请遵循以下步骤：
步骤1：从zip中提取文件。并使用任何代码编辑器打开.html文件，对贩运者最有用的是notepad++。
步骤2：html文件<head></head>和<body></body>中将有两个重要部分
<head>部分将有处理大部分功能的<script type=”text/javascript”>。- 现在将下面的代码粘贴到
</head>节之前和<script type=”text/javascript”>Some Code From Creative </script>中 var clickTag = "http://www.google.com";- 确保其他标记/函数是关闭的，而不是将上面的代码粘贴到其他标记/函数中。
代码：
<head>
<script type=”text/javascript”>
var clickTag = “http://www.google.com”;
Somecode of(function()
{
somefunctionality code ...
}
</script>
</head>步骤3：在<body>启动后粘贴下面的代码，代码的排列会影响到创造性代码的哪些部分是可点击的，所以请确保涵盖了以下代码的所有创造性代码资产。
<body>
<a href="javascript:window.open(window.clickTag)">
.......Creative assets code...
.......Some functionality code.....
</a>
</body>
click tag google web designer步骤4：确保body中定义的clickTag和head部分中定义的clickTag应该相同。现在保存文件。
步骤5：转到所有资产呈现的文件夹，选择all然后创建zip，确保创建zip而不是rar，因为zip只支持DFP中的格式。对于其他服务器，情况可能有所不同。
因为如果没有正确压缩所有文件，您可能会得到“未检测到主HTML文件”此错误
未检测到主HTML文件
创作是由Adobe动画CC构建的。
逐步解决创造性问题
- 步骤1:解压缩zip文件并打开文件夹中的html文件
- 第二步:打开.html中的文件崇高/记事本++编辑器，粘贴在代码下面的
<head>部分，就在您可以用客户端提供的点击跟踪器或登陆页面URL替换http://www.google.com之前。
代码：
var clickTag = "[http://www.google.com](http://www.google.com/)"; Adobe_animate_CC_clickTag_Issue_head_section- 步骤3:一旦实现了上面的代码，就可以在主体部分实现clickTag了，因为clickTag区分大小写，所以确保在Head部分实现的clickTag应该与body部分中的clickTag匹配，现在实现下面的代码就在标记之后。
Adobe_animate_CC_clickTag_Issue_body_section
- 第四步:确保标签的位置是重要的，你必须覆盖整个画布部分，这样整个创意才能被点击。
Stack Overflow用户
发布于 2019-03-06 04:04:28
使用Google (GWD)创建的HTML5创作者在导出到一个.zip文件之前，应该在Google中添加clickTag作为一个动作调用(https://support.google.com/webdesigner/answer/3263494?hl=en)。
由于您只有导出的.zip文件，所以您需要返回GWD并添加对操作的调用，或者遵循我所做的硬代码解决方案：
我将参考您的“小提琴”(http://jsfiddle.net/ae363saf)：
- 粘贴样式标签的其余部分(第8行)。
<style data-exports-type="gwd-taparea" data-gwd-node="true">gwd-taparea{display:block;cursor:pointer;background-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}</style>- 根据您的创造性大小，您需要修改这段代码中的值。创造性的例子是300x250，所以在下面的代码中，设置:高度:300 is，
宽度:250，
变换-原点:125 0px 150 0px 0 0px，
-webkit-转换-原点:125 0px 150 0px 0 0px，以及
-moz变换-原点:125 0px 150 px0 0px(半宽，半高，0)。
将编辑后的代码粘贴到
</style>之前的第13行末尾。
.gwd-taparea-11s4{position:absolute;top:0px;height:300px;left:0px;width:250px;transform-origin:125px 150px 0px;-webkit-transform-origin:125px 150px 0px;-moz-transform-origin:125px 150px 0px}- 粘贴在
</head>前面(第86行)。
<script data-source="gwdtaparea_min.js" data-version="4" data-exports-type="gwd-taparea">(function(){'use strict';var c;var d=function(a,b,e){if(e){var f=document.createEvent("CustomEvent");f.initCustomEvent(a,!0,!0,e)}else f=document.createEvent("Event"),f.initEvent(a,!0,!0);b.dispatchEvent(f);return f};var g=[],h=function(a){a=g.indexOf(a);0<=a&&g.splice(a,1)};document.addEventListener("click",function(a){for(var b=0;b<g.length;b++)if(25>Math.abs(a.clientX-g[b].m)&&25>Math.abs(a.clientY-g[b].o)||25>Math.abs(a.screenX-g[b].A)&&25>Math.abs(a.screenY-g[b].B))g.splice(b,1),a.stopPropagation(),a.preventDefault()},!0);var k=function(){};goog.inherits(k,HTMLElement);c=k.prototype;c.createdCallback=function(){this.l=this.j=0;this.f=this.b=this.g=this.c=null;this.a=!0;this.h=this.s.bind(this)};
c.attachedCallback=function(){this.b||(this.c=this.i.bind(this),this.g=this.w.bind(this),this.b=this.v.bind(this),this.f=this.u.bind(this));this.addEventListener("click",this.c,!1);this.addEventListener("touchstart",this.g,!1);this.addEventListener("action",this.h,!1)};c.detachedCallback=function(){this.removeEventListener("click",this.c,!1);this.removeEventListener("touchstart",this.g,!1);this.removeEventListener("action",this.h,!1)};c.i=function(){this.a&&d("action",this);this.a=!0};
c.w=function(a){this.addEventListener("touchmove",this.b,!1);this.addEventListener("touchend",this.f,!1);a=a.touches[0];this.j=a.clientX;this.l=a.clientY};c.u=function(a){this.i();this.removeEventListener("touchmove",this.b,!1);this.removeEventListener("touchend",this.f,!1);a=a.changedTouches[0];a={m:a.clientX,o:a.clientY,A:a.screenX,B:a.screenY};g.push(a);setTimeout(h.bind(null,a),2500)};c.v=function(a){a=a.touches[0];this.a=this.a&&10>=Math.abs(this.j-a.clientX)&&10>=Math.abs(this.l-a.clientY)};
c.s=function(){var a=this.getAttribute("exit-id"),b=this.getAttribute("product-index"),e=this.getAttribute("exit-override-url");e&&!d("tapareaexit",this,{"exit-id":a,url:e,"product-index":b}).detail.handled&&window.open(e)};c.attributeChangedCallback=function(){};document.registerElement("gwd-taparea",{prototype:k.prototype});}).call(this);
</script>
<script type="text/javascript" gwd-events="support">var gwd=gwd||{};gwd.actions=gwd.actions||{};gwd.actions.events=gwd.actions.events||{};gwd.actions.events.getElementById=function(id){var element=document.getElementById(id);if(!element){var pageDeck=document.querySelector("[is=gwd-pagedeck]");if(pageDeck){if(typeof pageDeck.getElementById==="function"){element=pageDeck.getElementById(id)}}}if(!element){switch(id){case"document.body":element=document.body;break;case"document":element=document;break;case"window":element=window;break;default:break}}return element};gwd.actions.events.addHandler=function(eventTarget,eventName,eventHandler,useCapture){var targetElement=gwd.actions.events.getElementById(eventTarget);if(targetElement){targetElement.addEventListener(eventName,eventHandler,useCapture)}};gwd.actions.events.removeHandler=function(eventTarget,eventName,eventHandler,useCapture){var targetElement=gwd.actions.events.getElementById(eventTarget);if(targetElement){targetElement.removeEventListener(eventName,eventHandler,useCapture)}};gwd.actions.events.setInlineStyle=function(id,styles){var element=gwd.actions.events.getElementById(id);if(!element||!styles){return}var transitionProperty=element.style.transition!==undefined?"transition":"-webkit-transition";var prevTransition=element.style[transitionProperty];var splitStyles=styles.split(/\s*;\s*/);var nameValue;splitStyles.forEach(function(splitStyle){if(splitStyle){var regex=new RegExp("[:](?![/]{2})");nameValue=splitStyle.split(regex);nameValue[1]=nameValue[1]?nameValue[1].trim():null;if(!(nameValue[0]&&nameValue[1])){return}element.style.setProperty(nameValue[0],nameValue[1])}});function restoreTransition(event){var el=event.target;el.style.transition=prevTransition;el.removeEventListener(event.type,restoreTransition,false)}element.addEventListener("transitionend",restoreTransition,false);element.addEventListener("webkitTransitionEnd",restoreTransition,false)};gwd.actions.gwdDoubleclick=gwd.actions.gwdDoubleclick||{};gwd.actions.gwdDoubleclick.exit=function(receiver,exitId,url,opt_collapseOnExit,opt_pauseMedia){gwd.actions.events.getElementById(receiver).exit(exitId,url,opt_collapseOnExit,opt_pauseMedia)}</script>
<script type="text/javascript" gwd-events="handlers">gwd.auto_Gwd_taparea_1Action=function(event){gwd.actions.gwdDoubleclick.exit("gwd-ad","clickTag","http://www.visitloscabos.travel/",true,true)}</script>
<script type="text/javascript" gwd-events="registration">gwd.actions.events.registerEventHandlers=function(event){gwd.actions.events.addHandler("gwd-taparea_1","action",gwd.auto_Gwd_taparea_1Action,false)};gwd.actions.events.deregisterEventHandlers=function(event){gwd.actions.events.removeHandler("gwd-taparea_1","action",gwd.auto_Gwd_taparea_1Action,false)};document.addEventListener("DOMContentLoaded",gwd.actions.events.registerEventHandlers);document.addEventListener("unload",gwd.actions.events.deregisterEventHandlers)</script>- 在
<gwd-metric-configuration>标记中(第90行)。
<gwd-metric-event source="gwd-taparea_1" event="tapareaexit" metric="" exit="Exit"></gwd-metric-event>- 在
</div>of<div class="gwd-page-content gwd-page-size">(第95行)之前。
<gwd-taparea id="gwd-taparea_1" class="gwd-taparea-11s4"></gwd-taparea>- 将下面的URL替换为您想要点击的任何URL (您的clickTag)或默认的URL，因为一些广告服务器可以在它们的界面中修改这个URL。粘贴在
</gwd-doubleclick>前面(第98行)。
<gwd-exit metric="clickTag" url="https://www.google.com/"></gwd-exit>- 将URL替换为要单击到的URL。粘贴在括号之间的StudioExports函数中(第138行末尾)。
Enabler.exit("clickTag", "https://www.google.com/");- 将URL替换为要单击到的URL。粘贴在括号之间的
<script type="text/gwd-admetadata">"exits":[]数组中(第138行)。
{"exitId":"clickTag","url":"https://www.google.com/"}- 粘贴到最后一个组件(
<script type="text/gwd-admetadata">)之后的"components":["gwd-doubleclick","gwd-page","gwd-pagedeck"]数组中的"components":["gwd-doubleclick","gwd-page","gwd-pagedeck"]标记的末尾(第138行)。
,"gwd-taparea"保存文件，.zip文件夹再次，而创意现在应该传递到谷歌的HTML5 Validator。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47082953
复制相关文章
相似问题
腾讯云开发者
