Is there another way I can add my own <script> tags in the HTML. Dynamic loading of external JS is not an option (like how facebook does it), because the plugin needs the API immediately.
Why is this not an option?
You can load it asynchronously, then have an 'Is Firebase Ready' event triggered by a callback.
var s = document.createElement("script");
s.src = "https://cdn.firebase.com/v0/firebase.js";
document.getElementsByTagName("head")[0].appendChild(s);
s.onload = function() {
// Set a variable on the callback which determines the loaded state of remote js
}
Bear in mind this won't work on CocoonJS. Look at my Flurry plugin for a solution to that.