WordPress│GA4の人気記事をSWELL風に表示する例とキャッシュの確認

function sga_swell_popular_posts_shortcode($atts) {
    // キャッシュキーを取得
    $cache_data = get_transient('sga_ranking_result_keys');
    if (!$cache_data || !isset($cache_data['results']) || empty($cache_data['results'])) {
        return '集計中です。';
    }

    // キャッシュキーを検索
    if (count($cache_data['results']) !== 1) return '対象ランキングのキャッシュを1種類に限定してください。';
    $period_cache_key = '';
    foreach ($cache_data['results'] as $key => $result) {
        $period_cache_key = $key;
        break;  // 最初のキーを使用
    }

    if (empty($period_cache_key)) {
        return 'No cached data found.';
    }

    $post_ids = get_transient($period_cache_key);

    // NO IMAGE画像を取得
    $noimg_url = '';   // デフォルトのNO IMAGE画像のパスを指定してください

    if (!$post_ids) {
        return '集計データを確認してください。';
    }

    if (!is_array($post_ids) || empty($post_ids)) {
        return 'No posts found in cache';
    }

    ob_start();

    $rank = 1;
    echo '<ul class="p-postList -type-card -w-ranking">';
    foreach ($post_ids as $post) {
        if ($rank > 6) {  // 記事数が6を超えたらループを終了
            break;
        }
        $my_id = is_array($post) ? $post[0] : $post;
        $post_views = is_array($post) ? $post[1] : 'N/A';

        $my_id = absint($my_id);
        if ($my_id && get_post_type($my_id) === 'post' && get_post_status($my_id) === 'publish' && get_post_field('post_password', $my_id) === '') {
            ?>
            <li class="p-postList__item">
                <a href="<?php echo esc_url(get_permalink($my_id)); ?>" class="p-postList__link">
                    <div class="p-postList__thumb c-postThumb">
                        <figure class="c-postThumb__figure">
                            <?php if (has_post_thumbnail($my_id)) : ?>
                                <img class="c-postThumb__img u-obf-cover" src="<?php echo esc_url(get_the_post_thumbnail_url($my_id, 'medium')); ?>" alt="<?php echo esc_html(get_the_title($my_id)); ?>">
                            <?php elseif ($noimg_url) : ?>
                                <img class="c-postThumb__img u-obf-cover" src="<?php echo esc_url($noimg_url); ?>" alt="<?php echo esc_html(get_the_title($my_id)); ?>">
                            <?php endif; ?>
                        </figure>
                    </div>
                    <div class="p-postList__body">
                        <div class="p-postList__title"><?php echo esc_html(get_the_title($my_id)); ?></div>
                        <div class="p-postList__meta"></div>
                    </div>
                </a>
            </li>
            <?php
            $rank++;
        }
    }
    echo '</ul>';

    return ob_get_clean();
}

add_shortcode('sga_swell_popular_posts', 'sga_swell_popular_posts_shortcode');