ランキングにイベントクリックを動作させる

ランキングや記事の表示数を確認するために wp popular postで 使用しています。

計測するためのツールとして、
wp popular post
wp post views
simple GA ranking
があります。

ランキングの表示から本当にクリックされているか計測したい。そこでイベントトラッキングを仕込んでみる。

functions.phpに下記コードを追加します。

    add_image_size( 'tmb', 200, 134, true ); //アイキャッチのサイズを指定
     
    function popular_post(){
      echo wpp_get_mostpopular($args);
    }
     
    function custom_single_popular_post( $content, $p, $instance ){
      $thumb_id = get_post_thumbnail_id( $p->id ); //アイキャッチのID取得
      $img = wp_get_attachment_image_src( $thumb_id, 'tmb' ); //アイキャッチ取得
      $output = '
      <li>
        <a onclick="gtag(\'event\', \'click\', {\'event_category\': \'ranking\',\'event_label\': \'ranking\'});" target="_self" href="' . get_the_permalink($p->id) . '">
          <img src="' . $img[0] . '" alt="' . esc_attr($p->title) . '" class="wpp-thumbnail wpp_cached_thumb wpp_featured" width="100" height="60">
        </a>
        <a onclick="gtag(\'event\', \'click\', {\'event_category\': \'ranking\',\'event_label\': \'ranking\'});" class="wpp-post-title" target="_self" href="' . get_the_permalink($p->id) . '">
            ' . $p->title . '
        </a><span class="wpp-meta post-stats"></span>
      </li>
      ';
      return $output;
    }
    add_filter( 'wpp_post', 'custom_single_popular_post', 10, 3 );

【 参考サイト 】

WordPress Popular Postsでクリック数をGAで計測する:メモ

バッドノウハウかもシリーズで、とりあえずできたのでメモ。ナビゲーションは色々とありますが、どこにどれを設置したら効果があるのかは調べてみないとわかりません。そ…

webutubutu.com