ブログのサイドバーにランキングを表示しており、
これまで「WordPress Popular Posts」を使用していましたが、
お父ちゃんより Google Analyticsのランキングと一致させたいとの要望を頂きました。

いきなり Google Analytics API を使うのはハードル高すぎるので
まずはプラグインで実装したいと思い
色々調べた所「Simple Ga ranking」が良さそうだと思いました。

インストール・設定

インストール・設定はこちらを参考に行いました🙏

サムネイルの表示

色々探して試していきましたが
こちらのコードを使用させて頂く事で
無事サムネイルを表示させる事が出来ました🙏

Simple GA Rankingを使ったけどあれこれカスタマイズした話前編【WordPress】 | DebugLog

上記コードを当ブログの環境に合わせて調整しています。

<?php
  $sga_options = get_option('sga_ranking_options');
  $ranking_params = [
    'display_count' => 10,
    'period' => $sga_options['period'],
    'post_type' => 'post,page',
    // 'force_update' => true,
  ];
  $ranking_data = sga_ranking_get_date($ranking_params);
  $ranking_number = 1;
  if( empty($ranking_data) ):
    echo '<p>現在利用できません。</p>';
  else:
    foreach( $ranking_data as $post_id ):
      $post_link = esc_url(get_permalink($post_id));
      $post_title = esc_html(get_the_title($post_id));
      $post_thumbnail_url = (has_post_thumbnail()) ? esc_url(get_the_post_thumbnail_url($post_id)) : '';
  ?>
  <li class="mb-1">
    <a class="row align-items-start" href="<?php echo $post_link; ?>">
      <span class="col-1"><?php echo $ranking_number; ?></span>
      <span class="col-4 p-1"><img src="<?php echo $post_thumbnail_url; ?>" alt=""></span>
      <span class="col"><?php echo $post_title; ?></span>
    </a>
  </li>
  <?php
    $ranking_number++;
    endforeach;
    endif;
  ?>

<?php

$sga_options = get_option('sga_ranking_options');

$ranking_params = [

'display_count' => 10,

'period' => $sga_options['period'],

'post_type' => 'post,page',

// 'force_update' => true,

];

$ranking_data = sga_ranking_get_date($ranking_params);

$ranking_number = 1;

if( empty($ranking_data) ):

echo '現在利用できません。';

else:

foreach( $ranking_data as $post_id ):

$post_link = esc_url(get_permalink($post_id));

$post_title = esc_html(get_the_title($post_id));

$post_thumbnail_url = (has_post_thumbnail()) ? esc_url(get_the_post_thumbnail_url($post_id)) : '';

<?php echo $ranking_number; ?>

<?php echo $post_title; ?>

</a>

</li>

<?php

$ranking_number++;

endforeach;

endif;

コメントはこちらからコメントをキャンセル

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

WP：Simple GA Ranking でサムネイル表示

インストール・設定

ランキングの表示

サムネイルの表示

コメントはこちらからコメントをキャンセル

インストール・設定

ランキングの表示

サムネイルの表示

関連記事

コメントはこちらから コメントをキャンセル

コメントはこちらからコメントをキャンセル