Как вызвать функцию после полной загрузки асинхронного скрипта?

Question

[Артур]

Всем привет.
На странице загружается скрипт, который генерирует счетчики матрик и вставляет их на страницу.

addMetric('YM', 123456789);
function addMetric(type, counterID){
        switch (type) {
            case 'YM':
                if (counterID !== null) {
                    var scriptYM = '(function (d, w, c){(w[c] = w[c] || []).push(function() {try {w.yaCounter' + counterID + ' = new Ya.Metrika({  id:' + counterID + ', clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true});} catch(e) { }}); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") {d.addEventListener("DOMContentLoaded", f, false);} else { f(); }})(document, window, "yandex_metrika_callbacks");';
                    var createYM = document.createElement('script');
                    createYM.innerHTML = scriptYM;
                    document.body.appendChild(createYM);
                }break;
        }
    }

Дальше в скрипте происходит сохранение cookie которые разместит собранный счетчик.
Взникла проблема: если установленный счетчик не успел поставить куки, поскольку он работает асинхронно, в основном скрипте ничего не запишется, хотя спустя несколько секунд куки появятся.

Так вот вопрос.
Как вызвать функцию из основного скрипта, только после того как завершиться асинхронный скрипт, при этом не тормозя всякими таймаутами? как проконтролировать что куки поставлены и только потом их пробовать сохранять

Answer 1

[Kovalsky]

Стоило заглянуть в документацию, это второй пункт в соответствующем разделе.

При инициализации счетчика выбираете опцию triggerEvent:

var yaCounterXXXXXX = new Ya.Metrika({
    id: XXXXXX,
    triggerEvent: true
});

После этого в коде можете вешать обработчик, который будет вызван когда счетчик инициализируется:

document.addEventListener('yacounterXXXXXinited', function () {
    console.log('the yaCounterXXXXX counter can be used');
});

Comments

[Артур]

Никита, очень круто! спасибо большое за помощь, пол дня сидел над задачей) отметил решением

А если не затруднит можно пример кода с таймером? просто чтоб знать реализацию

[Артур]

я пробовал на чем то подобном

waiter();
    function waiter(){
        if (getCookie('_ym_uid') !== undefined){
                c_ym_uid=getCookie('_ym_uid')
        } else {
            return waiter();
        }
    }

но там переполнение памяти, и как асинхронно не совсем догоняю

[Kovalsky]

Артур:

var delay = 500,
    interval_id = setInterval(function() {
        if (/* условие выполнено */) {
            /* нужные действия */
            clearInterval( search_interval_id );
        } 
    }, delay);

[Артур]

Никита Полевой:
для счетчика гугл я так понимаю похожего функционала не существует и придется пользоваться методом с интервалом?
или возможно сделать реализацию как то через это
ga(function(tracker) {
console.log(tracker);
});

https://developers.google.com/analytics/devguides/...

[Kovalsky]

Артур: это и есть вызов колбэка после полной загрузки analytics.js

Answer 2

[fomenko_alexandr]

В тот же (асинхронный) скрипт писать код.
Или загружать синхронно

Comments

[Артур]

асинхронный срипт ставит сам яндекс, поэтому написать в него я ничего не могу.
а вот получить информацию мне нужно только после того как он отработает

[fomenko_alexandr]

А эта часть кода отвечает не за асинхронную подгрузку: s.async = true;?

[Kovalsky]

fomenko_alexandr: во-первых, ТС сказал что он не может править скрипт. То есть скорее всего просто не хочет, но это уже не важно. Во-вторых, предлагать синхронную загрузку это сумасбродство.

[Артур]

Никита Полевой: Да все верно, могу убрать его асинхронную загрузку, но мне нужно чтобы он не останавливал страницу.

Ваш комментарий ниже почти то что нужно.
я в js не давно, и в моем понимании должна заводиться какая-то асинхронная функция, отслеживающая загружен ли watch.js или поставлена уже кука или готов ли счетчик (без разницы).
Выполнение функции должно быть асинхронным
Она должна выполняться бесконечно, пока не получит положительный результат загрузки watch.js от яндекса
В какую сторону копать, колбеки, промисы?

[Kovalsky]

Артур: можно и поллинг, то есть то о чем вы говорите - таймер проверяющий ответ, но проще все-таки event самой метрики, поправил ответ.