DoubleClick теги прожекторов и AngularJS

Мне дали следующие теги двойного клика для реализации в угловом приложении.

Очевидно, что приведенный ниже подход не подходит для одностраничного приложения. Почему-то мне нужно перевести приведенный ниже фрагмент во что-то более подходящее под угловой.

<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, однако для двойного щелчка я ничего не могу найти.

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

1 ответ

Решение

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

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

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

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

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

Другие вопросы по тегам