This is the faulty code trying to secure the doorbell widget.

attempt2.js

    window.doorbellOptions = {
        appKey: MY_APP_KEY
    };

    jQuery.ajax({
        url: "/get-doorbell-secret/",
        success: function (data) {
            $.each(data, function (key, val){
                window.doorbellOptions[key] = val
            })
        },
        async: false
    });

    (function(d, t) {
        var g = d.createElement(t);g.id = 'doorbellScript';g.type = 'text/javascript';g.async = true;g.src = 'https://doorbell.io/button/362';(d.getElementsByTagName('head')[0]||d.getElementsByTagName('body')[0]).appendChild(g);
    }(document, 'script'));

doorbell_setup.js

    window.doorbellOptions = {
        appKey: MY_APP_KEY
    };

    (function(d, t) {
        var g = d.createElement(t);g.id = 'doorbellScript';g.type = 'text/javascript';g.async = true;g.src = 'https://doorbell.io/button/362';(d.getElementsByTagName('head')[0]||d.getElementsByTagName('body')[0]).appendChild(g);
    }(document, 'script'));

    $.getJSON("/get-doorbell-secret/", function (data) {
        $.each(data, function(key, val){
            window.doorbell.setOption(key,val)
        })
    });

I also tried shuffling the order around, such as setting the options before the function that writes the HTML, and even simply pushing the values into the doorbellOptions array before the function.