Значки прожектора DoubleClick и 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> 

Я использовал инструменты для достижения подобных вещей для преобразования Google, однако, для двойного щелчка Я не могу найти вещь.

Может кто-нибудь порекомендовать инструмент или подход для достижения того, что мне нужно - например, могу ли я просто отказаться от iframe и вызвать url src из углового сервиса?

Answer 1

Что сработало для меня, это реализация этого тега в рамках Угловой директивы, поскольку код будет скомпилирован и вставлен на страницу при загрузке. Наша маркетинговая команда подтвердила, что она работает, и они могут видеть хиты.

директива: Прожектор-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 (он должен быть помещен на шаблон НЕ index.html)

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

One вещь, которую я не понял, - как заставить это работать, когда вы хотите, чтобы эти теги связывались с кнопкой (то есть при щелчке). Сейчас я работаю над решением. Посмотрите, что я сделал ниже, чтобы решить первую проблему.

Надеюсь, это поможет!