【WordPress】記事タイトルやカテゴリーに関連したGoogle ニュースの記事を埋め込み表示する方法

「single.php」中のニュースを表示させたい位置に以下のコードを記述すればOK。
例では記事タイトルとカテゴリーに関連する記事を取得している。

<div id="newsBar-bar"> <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading…</span> </div>
<script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-nbw"
type="text/javascript"></script>
<style type="text/css">
@import url("http://www.google.com/uds/css/gsearch.css");
</style>

<!– News Bar Code and Stylesheet –>
<script type="text/javascript">
window._uds_nbw_donotrepair = true;
</script>
<script src="http://www.google.com/uds/solutions/newsbar/gsnewsbar.js?mode=new" type="text/javascript"></script>
<style type="text/css">
@import url("http://www.google.com/uds/solutions/newsbar/gsnewsbar.css");
</style>
<script type="text/javascript">
function LoadNewsBar() {
var newsBar;
var options = {
largeResultSet : false,
title : "<h4 class=’point’><?php the_title(); ?>関連ニュース</h4>",
horizontal : false,
autoExecuteList : {
// Google ニュースの検索条件を指定。ここでは記事タイトルと記事が属するカテゴリーネームの2種類のニュースを取得。項目を増やしたければ「,」で区切って項目を増やす。
executeList : ["<?php the_title(); ?>", "<?php $category = get_the_category(); echo $category[0]->cat_name; ?>"]
}
}

newsBar = new GSnewsBar(document.getElementById("newsBar-bar"), options);
}
GSearch.setOnLoadCallback(LoadNewsBar);
</script>

コメント

タイトルとURLをコピーしました