Web制作

【コピペOK】WordPressをスマートニュースの配信に適したRSSフォーマットにカスタマイズ

標題の通り。
WordPressのRSSフォーマットをスマートニュース用にカスタマイズを実施した。

【背景】

クライアントのWordPressサイトをSmartNewsで配信することになり、フィード(feed)テンプレートを編集する必要があった。
SmartNewsに配信するためにはSmartNewsに対応したフィード(SmartFormat)を出力する必要があるのだが、WordPressデフォルトのフィードだとNG。
スマートニュース対応ができるプラグインがあるようだったのだが、うまく使えなかった(誰か使い方知ってたら教えてください)ので、結局自力で解決。

【ご注意】

※今回の記事は主としてSmartNews対応のRSSフォーマットの作成方法について記載しています。作成するだけでは自作RSSフォーマットは利用できません。利用するにはfunctions.phpに追加でコードを書く必要があります。詳しくは、前の記事「WordPressのフィード(feed)テンプレートをカスタマイズする」も併せてご参照ください。


feed-rss2.phpをベースに作成する

前の記事(WordPressのフィード(feed)テンプレートをカスタマイズする) でも書いたが、0から全て自作するのではなく、
wp-include内の「feed-rss2.php」をベースにするのが良いだろう。子テーマ内部に「smartnews.php」とかのファイルを作って、その中にfeed-rss.phpをベースとしたコードを書いていく。

以下、コード。


<?php
/**
* RSS2 Feed Template for displaying RSS2 Posts feed.
*
* @package SmartNews
*/


/**
* サイト名
* @author: 著者名
* @link: https://xxxxxxxx.jp/feed
* @license: http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
*/


if ( !defined( 'ABSPATH' ) ) exit;


$logo_url = 'https://xxxxxxxxx.jp/wp-content/uploads/tsukuba_logo.png';
$no_image_url = 'https://xxxxxxxxxx.jp/wp-content/uploads/tsukuba_logo.png';
$tracking_id = 'UA-xxxxxxx-1';
$site_domain = 'xxxxxx.jp';


header( 'Content-Type: ' . feed_content_type( 'rss2' ) . '; charset=' . get_option( 'blog_charset' ), true );
$more = 1;


echo '<?xml version="1.0" encoding="' . get_option( 'blog_charset' ) . '"?' . '>';


/**
* Fires between the xml and rss tags in a feed.
*
* @since 4.0.0
*
* @param string $context Type of feed. Possible values include 'rss2', 'rss2-comments',
* 'rdf', 'atom', and 'atom-comments'.
*/
do_action( 'rss_tag_pre', 'rss2' );
?>
<rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
xmlns:media="http://search.yahoo.com/mrss/"
xmlns:snf="http://www.smartnews.be/snf"


<?php
/**
* Fires at the end of the RSS root to add namespaces.
*
* @since 2.0.0
*/
do_action( 'rss2_ns' );
?>
>


<channel>
<title><?php wp_title_rss(); ?></title>
<atom:link href="<?php self_link(); ?>" rel="self" type="application/rss+xml" />
<link><?php bloginfo_rss( 'url' ); ?></link>
<description><?php bloginfo_rss( 'description' ); ?></description>
<lastBuildDate><?php echo get_feed_build_date( 'r' ); ?></lastBuildDate>
<language><?php bloginfo_rss( 'language' ); ?></language>
<sy:updatePeriod>
<?php
$duration = 'hourly';


/**
* Filters how often to update the RSS feed.
*
* @since 2.1.0
*
* @param string $duration The update period. Accepts 'hourly', 'daily', 'weekly', 'monthly',
* 'yearly'. Default 'hourly'.
*/
echo apply_filters( 'rss_update_period', $duration );
?>
</sy:updatePeriod>
<sy:updateFrequency>
<?php
$frequency = '1';


/**
* Filters the RSS update frequency.
*
* @since 2.1.0
*
* @param string $frequency An integer passed as a string representing the frequency
* of RSS updates within the update period. Default '1'.
*/
echo apply_filters( 'rss_update_frequency', $frequency );
?>
</sy:updateFrequency>
<?php
/**
* Fires at the end of the RSS2 Feed Header.
*
* @since 2.0.0
*/
do_action( 'rss2_head' );


while ( have_posts() ) :
the_post();
?>
<item>
<title><?php the_title_rss(); ?></title>
<link><?php the_permalink_rss(); ?></link>
<?php if ( get_comments_number() || comments_open() ) : ?>
<comments><?php comments_link_feed(); ?></comments>
<?php endif; ?>


<dc:creator><![CDATA[<?php the_author(); ?>]]></dc:creator>
<pubDate><?php echo mysql2date( 'D, d M Y H:i:s +0000', get_post_time( 'Y-m-d H:i:s', true ), false ); ?></pubDate>
<?php
$image_id = get_post_thumbnail_id();
$image_url = wp_get_attachment_image_src($image_id, true);
?>
<media:thumbnail><?php echo $image_url[0]; ?></media:thumbnail>


<?php the_category_rss( 'rss2' ); ?>


<guid isPermaLink="false"><?php the_guid(); ?></guid>


<guid isPermaLink="false"><?php the_guid(); ?></guid>
<?php if (get_option('rss_use_excerpt')) : ?>
<description><![CDATA[<?php echo the_excerpt_rss(); ?>]]></description>
<?php endif; ?>
<?php
$content = get_the_content_feed('rss2');
//aタグを除去
$content = preg_replace('{<a [^>]+?>}i', '', $content);
$content = str_replace('</a>', '', $content);
?>
<?php $content = get_the_content_feed('rss2'); ?>
<content:encoded><![CDATA[<?php echo $content; ?>]]></content:encoded>



<?php if ( get_comments_number() || comments_open() ) : ?>
<wfw:commentRss><?php echo esc_url( get_post_comments_feed_link( null, 'rss2' ) ); ?></wfw:commentRss>
<slash:comments><?php echo get_comments_number(); ?></slash:comments>
<?php endif; ?>


<?php rss_enclosure(); ?>
<snf:analytics><![CDATA[
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '<?php echo $tracking_id; ?>', '<?php echo $site_domain; ?>');
ga('require', 'displayfeatures');
ga('set', 'referrer', 'http://www.smartnews.com/');
ga('send', 'pageview', '<?php echo str_replace(home_url(), '', get_permalink()); ?>');
</script>
]]>
</snf:analytics>
</item>


<?php endwhile; ?>
</channel>
</rss>

簡単にピックアップ事項を下記に記してます。


17~20行目でメディアのロゴやらトラッキングIDやらを設定

$logo_url = 'https://xxxxxxxxx.jp/wp-content/uploads/tsukuba_logo.png';
$no_image_url = 'https://xxxxxxxxxx.jp/wp-content/uploads/tsukuba_logo.png';
$tracking_id = 'UA-xxxxxxx-1';
$site_domain = 'xxxxxx.jp';

44~45行目にxmlnsを2行追加

xmlns:media="http://search.yahoo.com/mrss/"
xmlns:snf="http://www.smartnews.be/snf"

128~135行目でaタグを除去

これをやらないとスマートニュースでは「リンクが多すぎてエラーです」と言われることがあるらしい

<?php
$content = get_the_content_feed('rss2');
//aタグを除去
$content = preg_replace('{<a [^>]+?>}i', '', $content);
$content = str_replace('</a>', '', $content);
?>
<?php $content = get_the_content_feed('rss2'); ?>
<content:encoded><![CDATA[<?php echo $content; ?>]]></content:encoded>

144行目でトラッキング用のscriptタグを挿入

$tracking_id$site_domainは19,20行目で定義しているのを引っ張ってきている

<snf:analytics><![CDATA[
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '<?php echo $tracking_id; ?>', '<?php echo $site_domain; ?>');
ga('require', 'displayfeatures');
ga('set', 'referrer', 'http://www.smartnews.com/');
ga('send', 'pageview', '<?php echo str_replace(home_url(), '', get_permalink()); ?>');
</script>
]]>
</snf:analytics>

子テーマ内に作ったsmartnews.phpを参照するようにfunction.phpを追記

子テーマに作ったRSSフォーマットを出力するために、fucntions.phpに追記をする。
追記の内容は、前の記事の「functions.phpでテーマ内のファイルを参照するようにアクションを準備」を参照してください。

ここまでやって、晴れてSmartNews対応完了。


SmartFormat対応済みでも審査が通らないこともあるらしい

前の記事にも書いたが、SmartFormat対応済み、という状態にしたところで晴れてSmartNewsへ出稿申請をするのだが、この審査に1-3ヶ月はかかる
しかも審査結果は特にメールとかでアナウンスされたりしないので、自分でスマートニュースを確認する必要がある(=スマートニュースに配信されてたら審査合格、配信されてなかったら審査中or不合格)という不親切。
(まぁそれだけ出稿希望者が多いということなのだろうが)
出稿申請者的にもヤキモキするところだし、審査が合格しないと「サイト制作した側に問題があるんじゃないの?」と疑われかねないのが制作者側としては胃が痛むところ。
なのでクライアントから依頼された時は、「審査に1-2ヶ月かかる&フィードを対応しても合格にならない場合がある」ということを事前に説明が必要だ

TOP