HTML javascript プログラムの動作順番

前提・実現したいこと

HTMLからjavascriptファイルを読み込む仕組みのサイトを構築しています。
どうやら、client.jsを読み込む前に、GAconnect.jsが動作してしまっているのが原因ではないかとこのサイトの方から意見をもらえましたが、それがどうして起きているのか、どう直せばいいか分からず、困っているため質問させて頂きました。

javascriptファイルにアクセスするコードは以下のように記述しました。

発生している問題・エラーメッセージ

GAconnect.js:20 Uncaught TypeError: Cannot read property 'authorize' of undefined
    at authorize (GAconnect.js:20)
    at GAconnect.js:133

html内コード

html
1<head>
2        <!-- Global site tag (gtag.js) - Google Analytics -->
3<script async src="https://www.googletagmanager.com/gtag/js?id=xxxxxxxxxx"></script>
4<script>
5  window.dataLayer = window.dataLayer || [];
6  function gtag(){dataLayer.push(arguments);}
7  gtag('js', new Date());
8
9  gtag('config', 'xxxxxxxxxx');
10</script>
11</head>
12
13<body>
14
15<iframe width="800" height="480" src="https://my.matterport.com/show/?m=xxxxxxxxxxxxx&play=1&amp;lang=jp&amp;ga=xxxxxxxxxx"
16    frameborder="0" allowfullscreen allow="vr"
17    id="showcase_iframe"
18    style="
19	position:relative;
20	top:0px;
21	left:0px;
22	overflow:hidden;
23	z-index:10;
24	">
25    </iframe>
26
27<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script>
28<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/js/lightbox.min.js" type="text/javascript"></script>
29<script src="https://apis.google.com/js/client.js?onload=authorize"></script>
30<script type="text/javascript" src="GAconnect.js"></script>
31<script type="text/javascript" src="app1.js"></script>
32
33</body>
34

###javascript GAcoonect.js内コード

function authorize(event) {  
// Handles the authorization flow.  
// `immediate` should be false when invoked from the button click.  
var useImmdiate = event ? false : true;  
var authData = {  
client_id: CLIENT_ID,  
scope: SCOPES,  
immediate: useImmdiate  
};  

gapi.auth.authorize(authData, function(response) {  
var authButton = document.getElementById('auth-button');  
if (response.error) {  
authButton.hidden = false;  
}  
else {  
authButton.hidden = true;  
queryAccounts();  
}  
});  
}  


 authorize('click');

試したこと

①
authorize('click');を
window.onload = authorize('click');に変更しましたがダメでした。

同様のエラーが出力されました。

②
authorize('click');を削除して
app1.jsで作動させるのに使用しているDOMcontentloadedに入れ替えました。

document.addEventListener('DOMContentLoaded', () => {
iframe = document.getElementById('showcase_iframe');
iframe.addEventListener('load', authorize, true);
});

エラーはなくなりましたが、
authorize関数が起動しなかったです。