Dodaj śledzenie Google Analytics do postów WordPress Accelerated Mobile Pages (AMP)

  1. Użyj motywu (child) functions.php lub wtyczki niestandardowej
  2. Dodaj niezbędny rozszerzony komponent Google Analytics do sekcji <head>
  3. Dodaj niezbędny element Google Analytics do stopki swoich postów

Automattic wydał a Wtyczka WordPress co pozwala na automatyczne publikowanie wersji Twoich postów w AMP .

W Webdados wdrożyliśmy tę wtyczkę na dwóch własnych stronach publikujących i potrzebowaliśmy śledzić użytkowników tych stron.

Google Analytics by Yoast i inne wtyczki GA z pewnością dodadzą obsługę AMP do swoich wtyczek, ale dopóki tego nie zrobią, włączyliśmy Google Analytics na naszym AMP stron po prostych krokach poniżej.

AKTUALIZACJA: Dodano teraz Yoast Obsługa Google Analytics w AMP z jego „Yoast SEO AMP Glue Plugin”.

Użyj motywu (child) functions.php lub wtyczki niestandardowej


Nigdy, nigdy, nie baw się z plikami AMP (lub innymi) wtyczek. Nie wyjaśnimy dlaczego, ponieważ jeśli czytasz ten post, to z pewnością jesteś zaawansowanym użytkownikiem i powinieneś znać powód.

Dodaj niezbędny rozszerzony komponent Google Analytics do sekcji <head>

add_filter ('amp_post_template_data', 'my_amp_post_template_data'); funkcja my_amp_post_template_data ($ data) {$ data ['site_icon_url'] = get_stylesheet_directory_uri (). '/images/icons/icon-32x32.png'; if (! current_user_can ('manage_options')) {// Brak analityki dla administratora // 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; }


Jak widać, użyliśmy również filtru amp_post_template_data, aby zmienić ikonę witryny 😉

Dodaj niezbędny element Google Analytics do stopki swoich postów

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')) {// Brak analityki dla administratora?&gt; <amp-analytics type = "googleanalytics" id = "analytics1"> <typ skryptu = "application / json" > <? php echo json_encode (array ('vars' => array ('account' => 'UA-xxxxxx-xx', // Twój identyfikator śledzenia właściwości Google Analytics tutaj (duh)), 'triggers' => array ( 'trackPageview' => tablica ('on' => 'visible', 'request' => 'pageview',)),)); ?&gt; </script> </amp-analytics> <? php}}

I to wszystko!

Gt; <amp-analytics type = "googleanalytics" id = "analytics1"> <typ skryptu = "application / json" > <?
Gt; </script> </amp-analytics> <?