DoubleClick Floodlight代碼和AngularJS

Question

我已給出以下doubleclick標籤以在角度應用程序中實現。

顯然，下面的方法不適用於單個頁面應用程序。不知何故，我需要將下面的代碼片段翻譯成更適合角度的東西。

<script type="text/javascript"> 
var axel = Math.random() + ""; 
var a = axel * 10000000000000; 
document.write('<iframe src="https://xxxxxxx.fls.doubleclick.net/activityi;src=xxxxxxx;type=ret;cat=getaq0;u1=[Equipment Cost];u2=[Equipment Type];u3=[Company Type];dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;ord=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>'); 
</script> 
<noscript> 
<iframe src="https://xxxxxxx.fls.doubleclick.net/activityi;src=xxxxxxx;type=ret;cat=getaq0;u1=[Equipment Cost];u2=[Equipment Type];u3=[Company Type];dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;ord=1?" width="1" height="1" frameborder="0" style="display:none"></iframe> 
</noscript> 

我用谷歌轉換實現類似的東西的工具，但是，雙擊我找不到東西。

有沒有人可以推薦一個工具或方法來實現我所追求的 - 例如，我可以簡單地取消iframe並從角度服務調用src url嗎？

Answer 1

我在Angular Directive中實現了這個標籤，因爲代碼將在加載時被編譯並插入到頁面中。我們的營銷團隊證實它正在工作，他們可以看到點擊。

的指令：泛光燈，tag.directive.js

(function() { 
'use strict'; 

angular.module('myApp') 
    .directive('floodlightTag', floodlightDirective); 

floodlightDirective.$inject = ['$log']; 
function floodlightDirective($log) { 
    return { 
     restrict: 'E', 
     template: '<div style="display: none"><img src="{{ trustedUrl }} " width="1" height="1" alt=""/></div>', 
     link: floodlightLink 
    }; 

    function floodlightLink(scope, element, attr) { 
     var axel = Math.random() + ""; 
     var a = axel * 10000000000000; 
     scope.trustedUrl = attr.src + a + '?'; 
    } 
} 
})(); 

和HTML：一些-page.html中（它應該放在模板NOT的index.html）

<floodlight-tag src="[your_floodlight_url]"></floodlight-tag> 

一我還沒有想出的是如何讓這個工作適用於當你想要這些標籤綁定說一個按鈕（即點擊）。目前我正在研究解決方案。看看我在下面做了什麼來解決第一個問題。

希望這會有所幫助！