AMPページに新着記事と人気記事を表示したい

Simplicityの特徴 フォーラム 要望・機能追加など AMPページに新着記事と人気記事を表示したい

このトピックには7件の返信が含まれ、2人の参加者がいます。3 ヶ月、 1 週前わいひら わいひら さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #54937

    koiitirou2

    いつも楽しく使わせて頂いています。
    AMPページからの直帰率を下げるためにも、やはり新着記事と人気記事だけでも表示したいと思いました。以前トピックで拝見しましたが、AMPウィジェットも是非検討をお願い致します。

    現在はショートコードでamp-footer.phpに直接記載して実装しています。

    ●amp-footerの一番上に追記(アドセンスの関連コンテンツも、wordpress popular postsプラグインのショートコード)

    <amp-ad layout="fixed-height" height="1221" type="adsense" data-ad-client="ca-pub-xxx" data-ad-slot="xxx"></amp-ad>
    
    <?php 
     $new_post =  do_shortcode( '[nplist]' ); 
     echo convert_content_for_amp($new_post);
    ?>
    
    <?php 
     $new_post2 =  do_shortcode( '[wpp header="" header_start="" header_end="" order_by="avg" post_type="post" limit=10 stats_views=0 wpp_start=\'<h3 class="toph3">本日よく読まれている記事</h3><ul class="wpp-list nplist">\' wpp_end="</ul>" thumbnail_width="100"  thumbnail_height="100" excerpt_length="70" stats_date="1" stats_category="1" post_html=\'<li><a href="{url}" >{thumb}</a> <a href="{url}" class="wpp-post-title">{title}</a> </li>\' range="daily"]' );
     echo convert_content_for_amp($new_post2);
    ?>

    ●functions.phpに追記

    function getNewPost($opt) {
    	
    	extract(shortcode_atts(array(
            'num' => ''
        ), $opt));
        
        $num = (!empty($num)) ? $num : 6;
        
        $args = array(
    		'posts_per_page'   => $num,
    		'orderby'          => 'date',
    		'order'            => 'DESC',
    		'post_type'        => 'post',
    		'post_status'      => 'publish'
    	);
    	$posts_array = get_posts( $args );
    	
    	$out = "";
    	$out .= "<h3 class='toph3'>新着投稿</h3><ul class='wpp-list nplist'>";
    	
    	foreach ($posts_array as $post) {
    		$id = $post->ID;
    		$title = $post->post_title;
    		$post_date = get_the_time( get_theme_text_date_format(), $id);
    		$post_modified = $post->post_modified;
    		$link = get_the_permalink($id);
    		$thumb = get_the_post_thumbnail(
    					$id,
    					'thumb100',
    					array(
    						'class' => 'wpp-thumbnail wpp_cached_thumb wpp_featured',
    						'alt' => $title,
                                             'style'=>'width:75px;height:75px;'
    					)
    				);
    		$category = get_the_category($id);
    		
    		foreach ($category as $cat) {
    			$cat_id = $cat->cat_ID;
    			$cat_name = $cat->name;
    			$cat_link = get_category_link($cat_id);
    			$cats[] = "<a href='".$cat_link."' rel='category tag'>".$cat_name."</a>";
    		}
    		$categorys = implode(", ",$cats);
    		unset($cats);
    $out .= <<< EOD
    
    <li>
    <a href="{$link}" title="{$title}" target="_self">
    {$thumb}</a> 
    <a href="{$link}" title="{$title}" class="wpp-post-title" target="_self">{$title}
    </a> 
          <span class="post-date">
            <span class="fa fa-clock-o fa-fw"></span>
            <span class="published">{$post_date}</span>
          </span>
    </li>
    
    EOD;
    	}
    	$out .= "</ul>"; //#list
    	
    	return $out;
    }
    add_shortcode('nplist', 'getNewPost');

    ●amp.cssに追記

    
    ul.wpp-list{    padding-left: 0;
        list-style: none;}
    ul.wpp-list.nplist  li amp-img {border-radius: 10px; border: medium none;
        display: inline;
        float: left;
        margin-top: 3px;
        margin-right: 5px;
        margin-bottom: 10px;}
    .nplist .post-stats {
        float: right;color:dimgrey;padding-top: 5px;
    }
    ul.wpp-list.nplist  li {
        border-top: 1px solid #ccc;
        padding-top: 5px;height:110px;
    }
    ul.wpp-list.nplist  li a{font-size:0.9em;line-height:150%;text-decoration:none;color:black;}
    span.post-date{white-space:nowrap;float:right;font-size: x-small;color: dimgrey;font-size: x-small;
    font-weight: bold;padding-top:5px;padding-right:5px;}
  • #54945
    わいひら
    わいひら
    キーマスター

    検討するための参考情報として、カスタマイズ前の直帰率と、カスタマイズ後の直帰率はどのくらいになりましたでしょうか?

  • #54951

    koiitirou2

    ご回答ありがとうございます。

    確かにその通りですね。
    夏休みでアクセスが安定していないので、その後長いページと短いページでAMPページの直帰率などをAB検討してみたいと思います。

    もしデータがとれましたらご報告させて頂きます!

  • #54958
    わいひら
    わいひら
    キーマスター

    確かに、お盆期間中は、アクセスが全然違いますもんね。
    ご報告いただけると、ものすごく嬉しいです。
    よろしければ(可能ならば)、滞在時間も計測していただけると幸いです。

    AMPウィジェットは、全然あった方が良いとは思っています。
    ただ、AMPの仕様をよくわかっていない方が、通常のウィジェットのように使用してしまうと、全てのAMPページにエラーを出してしまう可能性があります。
    そうなると、AMPページが全く意味を成さないものになってしまいます。
    そういった懸念点を払拭できるほどの、効果があれば出来る限り努力はしてみようと思っています。

  • #55578

    koiitirou2

    いつも楽しく使わせて頂いております。
    その後検討してみましたが、どうもAMPページをアナリティクスでうまく計算できていないのでは?という疑念をもっています。

    具体的には、トップランディングページの直帰率が35%程度(非AMPページ)なのですが、AMPページの場合は80%程度まで跳ね上がっています。

    かといってAMP化した固定ページを含む全体的なページビューが下がっているわけではないので、これはどういうことなのか?と思っています。(本件とは直接関係はありません。。)

    その後ページのとてもしたにあるウィジェットは果たしてどこまで見られているのか?ということが気になったので、PTENGINEを導入してみたところ、確かにウィジェット(非AMPページですが)をみて実際にクリックしている方は1%弱という感じだったので、AMPウィジェットが直帰率に与える影響は少なそうかと判断しました。

    以上ご報告です!

  • #55584
    わいひら
    わいひら
    キーマスター

    ご報告ありがとうございます。
    以前のアナリティクスでは、通常ページとAMPページの対応は正確にされていなかったのですが、以下の記事で改善されているのかと思っていました。
    ?AMPの不正確なアクセス解析をGoogleアナリティクスが解消 | 海外SEO情報ブログ

    ただ、実際別ドメインになるので、何かしらの影響はまだ残っているのかもしれません。
    ただ、これはサイトジャンルにもよるのですが、通常ページの直帰率が、通常サイトにしては、低すぎるような気もします。通常ページでAnalyticsの二重計測ということはないでしょうか。

    ちなみに、僕の運営している通常ブログの場合は、AMPページの方が5%程度直帰率が高いだけでした。

    当サイトであれば、直帰率は62%→73%程度の違いで、だいたい想定出来る範囲内ではありました。

    モバイル端末からのアクセスは、直帰率が高いので、こんなものなのかなと思っています。やはり、koiitirou2さんの結果にもあるように、どうしてもモバイルからのアクセスは、目当ての記事を読んで帰る動作が多いので、僕も同様に思います。

  • #55586

    koiitirou2

    ご指摘ありがとうございます。

    サイト全体の直帰率が63%程度で30~100%程度の範囲でまんべんなく推移しているので、ダブルカウントということはなさそうかなあとは思っています。

    投稿ブログは通常が60%、AMPで70%という感じで大体同じになっております。


    view-source:https://dwait.net/index.php/kako 直帰率30%程度 平均ランディングスクリーン別滞在時間は2:30程度
    view-source:https://dwait.net/index.php/kako?amp=1 直帰率70%程度 平均ランディングスクリーン別滞在時間は0:50程度

    あまり順位にも変動がなさそうなので、様子をみております。
    テーマの問題ではないかと思いますが、もし万が一何かわかれば別トピックとして報告させて頂きます。

  • #55599
    わいひら
    わいひら
    キーマスター

    なるほど、確かにそのサイトだったら、その直帰率具合も納得かも。
    サイトのジャンルによって、全然変わってきますもんね。

    もし万が一何かわかれば別トピックとして報告させて頂きます。

    是非是非。
    ということで、一旦このトピックはクローズさせていただこうと思います。

トピック「AMPページに新着記事と人気記事を表示したい」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)