Ask Question

Test & Support Center

Home
COTY manual OLD
ClickTAG implementation in other building tools
Adobe Edge
Adding the clickTAG directly to code

Adding the clickTAG directly to code

If you received Adobe Edge Animate banner source without Adform's clickTAG implemented you may add clickTAG code directly to Edge banner actions JS file and make the banner compatible with Adform system. Workflow:

1. Define Adform DHTML library:

If there is edgePreload.js file, define Adform library there:

view source
print ?
1 aLoader = [
2       { load: "edge_includes/jquery-2.0.3.min.js"},
3       { load: "edge_includes/edge.4.0.1.min.js"},
4       { load: "https://s1.adform.net/banners/scripts/rmb/Adform.DHTML.js", user: true },
5       { load: "index_edge.js"},
6       { load: "index_edgeActions.js"}];
Or if edgePreload.js is not included, define Adform DHTML library in banner's main HTML source:

view source
print ?
1 <script>document.write('<script src="'+ (window.API_URL || 'https://s1.adform.net/banners/scripts/rmb/Adform.DHTML.js?bv='+ Math.random()) +'"><\/script>');</script>

2. Add clickTAG code to edgeActions.js file:

01//Edge symbol: 'stage'
02(function(symbolName) {
03   Symbol.bindElementAction(compId, symbolName, "${Stage}", "click", function(sym, e) {
04      window.open(
05         dhtml.getVar('clickTAG', 'http://www.adform.com'), 
06         dhtml.getVar('landingPageTarget', '_blank')
07      );         
08   });
09   //Edge binding end
10})("stage");
11//Edge symbol end:'stage'

Note: this code is applied for "Stage" banner element but also could be applied on some specific area, button, symbol, etc.