Search and Hit Enter

Google Analytics Tracking zu WordPress Accelerated Mobile Pages (AMP) hinzufügen

Ich spiele weiter mit dem den AMP-Seiten hier im Blog rum. Heute geht es um Analytics Tools. AMP erlaubt mal nur eine Handvoll von Analytic-Tools, das eine was natürlich auch bei einem von Google entwickeltem Standard geht, ist Google Analytics.

Um Google Analytics zu eure AMP-Seiten, die mit dem AMP Plugin von Automattic erzeugt sind, hinzu zufügen bedarf es zweier Funktionen in der functions.php eures Themes oder einem eigenen Plugin.

Code-Snippets von Webdados helfen hier weiter.

Im <head> muss das entsprechende JavaScript geladen werden:

add_filter( 'amp_post_template_data', 'my_amp_post_template_data' );
function my_amp_post_template_data($data) {
 if ( !current_user_can('manage_options') ) { //Kein Analytics für Admins
  //Google Analytics
  if ( !isset($data['amp_component_scripts']) ) {
   $data['amp_component_scripts'] = array();
  }
  $data['amp_component_scripts']['amp-analytics']='https://cdn.ampproject.org/v0/amp-analytics-0.1.js';
 }
 return $data;
}

Im Footer des Artikel muss der entsprechende Google Analytics Code hinterlegt werden. Eure eigene Tracking ID müsst ihr noch ändern im Code.

add_action( 'amp_post_template_footer', 'my_amp_post_template_footer' );
function my_amp_post_template_footer($amp_template) {
 if ( !current_user_can('manage_options') ) { //No Analytics for admin
  ?>
  <amp-analytics type="googleanalytics" id="analytics1">
   <script type="application/json">
    <?php
    echo json_encode( array(
     'vars' => array(
      'account' => 'UA-xxxxxx-xx', //Deine Google Analytics Property Tracking ID hier rein
     ),
     'triggers' => array(
      'trackPageview' => array(
       'on' => 'visible',
       'request' => 'pageview',
      )
     ),
    ) );
    ?>
   </script>
  </amp-analytics>
  <?php
 }
}

Es gibt auch ein erstes Plugin was das übernimmt: AMP Analytics.

No Comments

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.