내가이 (가) <a href="https://developers.google.com/analytics/devguides/collection/analyticsjs/" rel="nofollow noreferrer">Google Analytics docs</a>에서 다음 등록하려고 해요 위해

Question

에서 JS 파일 및 인라인 JS의 혼합을 등록 Yii2

$this->view->registerJs(' 
    window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; 
    ga(\'create\', \'UA-XXXXX-Y\', \'auto\'); 
    ga(\'send\', \'pageview\'); 
', View::POS_HEAD); 

$this->view->registerJsFile(
    'https://www.google-analytics.com/analytics.js', 
    [ 
     'async'=>'async', 
     'position' => View::POS_HEAD, 
    ] 
); 

그러나 등록 된 JS 파일은 Inline JS 이전에 나왔습니다. 스크립트가 주문을 존중할 수있는 방법이 있습니까?

AssetBundle과 'depends'프로토콜을 사용하려고 생각했지만 AssetBundle의 Inline JS에 대한 Yii2 문서에는 아무 것도 없습니다.

인라인 JS에 키를 줄 수는 있지만 슬프게도 'depends'프로토콜에는 클래스 이름이 필요합니다.

Answer 1

불행하게도 위젯 내부 의존성으로

google_analytics.js

window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; 
ga('create', 'UA-XXXXX-Y', 'auto'); 
ga('send', 'pageview'); 

GoogleAnalyticsAsset.php

<?php 

namespace app\assets; 

use yii\web\AssetBundle; 

class GoogleAnalyticsAsset extends AssetBundle 
{ 
    public $basePath = '@webroot/web'; 
    public $baseUrl = '@web/web'; 

    public $jsOptions = ['position' => \yii\web\View::POS_HEAD]; 
    public $css = [ 
    ]; 
    public $js = [ 
     'js/google_analytics.js', 
    ]; 
    public $depends = [ 
    ]; 
} 

을 그 자산을 사용하는 유일한 쉬운 이를 수행하는 방법은이 특별한 경우에 AssetBundle을 사용하지 않고 수동으로 삽입하는 것입니다. e 코드를 입력하십시오. <?php $this->head() ?>

Answer 2

첫 번째 코드 블록을 js 파일로 옮기고 애셋 번들에서 사용할 수 있습니다. 그런 다음 두 번째 JS URL에 대한

use app\assets\GoogleAnalyticsAsset; 
public function init() { 
    GoogleAnalyticsAsset::register($this->getView()); 
    parent::init(); 
} 

public function run() 
{ 
    $this->registerJsFile('https://www.google.com/jsapi',['position' => \yii\web\View::POS_HEAD,'depends' => 'app\assets\GoogleAnalyticsAsset']); 
}