logo logo_banner

Google の最近のブログ記事


最近よく見かけるGoogleの『+1』(プラスワン)ボタン。

設置は意外に簡単。

とりあえずメモ。

 

以下参照

トラックバック(0)

トラックバックURL:


CTR クリック率 広告クリック数÷広告表示回数
CPC クリック単価 1 回のクリックに対して広告主が支払う金額
RPM インプレッション収益 表示回数 1,000 回あたりの見積もり収益額


※上記リンクをクリックするとGoogleのヘルプページを開きます。

いかに広告をたくさん表示して、クリックをしてもらうかを考えると

以下のサイトが参考になりました。

トラックバック(0)

トラックバックURL:


Googleバズ公式のフォローバナーと投稿ボタンを設置するためのページがありました。

↓ボタン作成のページ

↓フォローバナー作成のページ

↓自分のバナー作ってみた。

 

バズでフォロー

トラックバック(0)

トラックバックURL:


Googleで「島根」について検索しようとすると面白い候補が出てくるというネットの記事を見た。

っていうか秘密結社「鷹の爪」の吉田くん(←音出るよ)関連じゃないのか?

と思ったが一部だけでほとんどはネタ元が違うらしい。

ある意味町興し?

 

↓グーグルで出てくる候補の例

「島根に」の場合

「島根は」の場合

「島根の」の場合

「島根を」の場合

「島根が」の場合

「島根より」の場合

「島根だ」の場合

 

といった感じです。

う~ん、島根は独特だ。

とりあえず、島根は鳥取の左側です!Tシャツが欲しいです。

鳥取は島根の右側です!Tシャツもあるんですね。

ちなみに私のいる山口は島根の左側です

山口は広島の左側です!のほうが分かりやすいか...。

トラックバック(0)

トラックバックURL:


以下のURLで円グラフをブラウザで表示させるとちゃんと表示されます。

 

http://chart.apis.google.com/chart?chs=600x300&chd=t:30,30,40&cht=p&chl=%e5%b1%b1%e5%8f%a3%e7%9c%8c%2030%25|%e6%9d%b1%e4%ba%ac%e9%83%bd%2030%25|%e3%81%9d%e3%81%ae%e4%bb%96%2040%25&chtt=%e7%9c%8c%e5%88%a5%e5%89%b2%e5%90%88

(http://chart.apis.google.com/chart?chs=600x300&chd=t:30,30,40&cht=p&chl=山口県 30%|東京都 30%|その他 40%&chtt=県別割合)

 

しかし、

ファイルメーカーのWEBビューワで上記URLを指定すると

文字化けしてしまいます。

(ファイルメーカー Pro 10 Windows)

 

そこで、

「WEBビューアの設定」-「Webアドレス」に

"DATA:text/html;charset=utf-8," & "<img src=" & $$url & " />"

(スクリプトで事前に変数$$urlに上記URLを入れている。)

とHTMLのIMGタグに画像のソースとしてURLを指定すると

文字化けなく表示されました。

 

"DATA:text/html;charset=utf-8,"DATAスキームというやつらしい。

 

Web ビューアの設定
http://www.filemaker.co.jp/help/html/scripts_ref2.37.61.html

トラックバック(0)

トラックバックURL:


ブログを更新して、RSSも更新されているが、

Google AJAX Feed APIで読み込んだフィードが更新されていないということが多々あります。

 

それは、

Googleのキャッシュにあるフィードを読み込んでいるからだそうです。

 

キャッシュをクリアまたはリセットする方法があるのかもしれませんが、

リアルタイムに最新の記事一覧を表示する方法は

読み込むフィードのURLにユニークな値を付加させることで

毎回最新の一覧を表示できるようになります。

今回はユニークな値として現在日時をURLに付加させてみました。

 

<script type="text/javascript" src="http://www.google.com/jsapi?key=●●あなたのAPIキー●●"></script>

<script type="text/javascript">

google.load("feeds", "1");


function initialize()
{


// 現在の日付と時間を取得
var date = new Date();
var year = date.getYear();
var mon = date.getMonth() + 1;
var day = date.getDate();
var hour = date.getHours();
var min = date.getMinutes();
var sec = date.getSeconds();

var query = year + mon + day + hour + min + sec;

//現在の最新RSSフィードの取得
var feed = new google.feeds.Feed("http://example.com/blog/rss20.xml?"+ query );

//取得するフィード数
feed.setNumEntries(6)

//実際に読む込む
feed.load(function(result)
{

//読み込めたか判別
if (!result.error)
{
//表示部分を選択
var container = document.getElementById("feed");

//変数の初期化
var list = "";

//Feedの処理
list = '<ul>';
for (var i = 0; i < result.feed.entries.length; i++)
{
//Feedを一つ抽出
var entry = result.feed.entries[i];
if(entry.title.match(/^PR:/)) {
//「PR:」から始まるものがあれば何もしない
}
else{
list += '<li>';
list += '<a href="' + entry.link + '" target="_blank" title="' + entry.title + '">' + entry.title + '</a>';
var strdate = createDateString(entry.publishedDate);
list += '&nbsp;(' + strdate + ')';
list += '</li>';
}
}
list += '</ul>';
container.innerHTML = list;
}
});
}

//日付の表示方法を変更
function createDateString(publishedDate)
{
var pdate = new Date(publishedDate);
var pday = pdate.getDate();
var pmonth = pdate.getMonth() + 1;
var pyear = pdate.getFullYear();
var phour = pdate.getHours();
var pminute = pdate.getMinutes();
var psecond = pdate.getSeconds();
//var strdate = pyear + "年" + pmonth + "月" + pday + "日" + phour + "時" + pminute + "分" + psecond + "秒";
var strdate = pyear + "-" + pmonth + "-" + pday ;
return strdate;
}

google.setOnLoadCallback(initialize);

</script>

<div id="feed">Loading...</div>

 

ちょっと難点なのは、

毎回フィードの読み込みを行うので、表示がもたつきます。

なので、

1時間ごとくらいにするために「分」のminと「秒」のsecは省いた方がいいかもしれません。

 

 

参考ページ

トラックバック(0)

トラックバックURL:


前回のページ「
Warning: Missing argument 2 for getTitleLink(), called in /home/sites/heteml/users158/m/h/0/mh0723/web/hoshiya.biz/blog/web/google-1/index.php on line 780 and defined in /home/sites/heteml/users158/m/h/0/mh0723/web/hoshiya.biz/include/function/function.php on line 104
Google AJAX Feed APIを使ってアメーバブログの「PR:」を除く記事一覧を表示するJavascript|星屋工作室 hoshiya.biz 」で紹介したスクリプトを一部変更してみた。

 

変更の主な内容は、

表示するリストを作成する際に、HTMLタグを変数に入れるように改造しました。(赤文字部分)

前回はXMLの要素を操作してリストを作成するようにしていましたが、

XMLの操作は苦手なのでHTMLのソースを変数に格納するようにしました。

<script src="http://www.google.com/jsapi?key=●●あなたのAPIキー●●" type="text/javascript"></script>
<script type="text/javascript">
google.load("feeds", "1");  
function initialize()
{  
 //RSSフィードの取得
 var feed = new google.feeds.Feed("●●読み込みたいフィードのURL●●");  
 
 //取得するフィード数
 feed.setNumEntries(5)  
 
 //実際に読む込む
 feed.load(function(result)
 {  
  
  //読み込めたか判別
  if (!result.error)
  {
   //表示部分を選択
   var container = document.getElementById("feed");
   
   //変数の初期化
   var list = "";
   
   //Feedの処理
    list = '<ul>';
   for (var i = 0; i < result.feed.entries.length; i++)
   {  
    //Feedを一つ抽出
    var entry = result.feed.entries[i]; 
    if(entry.title.match(/^PR:/)) {
    //「PR:」から始まるものがあれば何もしない
    }
    else{
     list += '<li>';
     list += '<a href="' + entry.link + '" target="_blank">' + entry.title + '</a>';
     var strdate = createDateString(entry.publishedDate);
     list += '(' + strdate + ')';
     list += '</li>';

    }
        }
     list += '</ul>';
     container.innerHTML = list;

     }  
   });  
}
//日付の表示方法を変更
function createDateString(publishedDate){
  var pdate = new Date(publishedDate);
  var pday = pdate.getDate();
  var pmonth = pdate.getMonth() + 1;
  var pyear = pdate.getFullYear();
  var phour = pdate.getHours();
  var pminute = pdate.getMinutes();
  var psecond = pdate.getSeconds(); 
  //var strdate = pyear + "年" + pmonth + "月" + pday + "日" + phour + "時" + pminute + "分" + psecond + "秒";
  var strdate = pyear + "-" + pmonth + "-" + pday ;
  return strdate;
}
google.setOnLoadCallback(initialize); 
</script>
<!--表示結果表示する部分-->
<hr size="1" />
<div id="feed"></div>
<hr size="1" />
<!--表示結果表示する部分--> 

 

↓↓実際にうちの社長のアメブロのフィードを読み込んで表示した例↓↓



 

前回同様に

RSSに「PR:」が含まれていなければ新着5件を表示しますが、

新着5件中1件に「PR:」が含まれていた場合は

フィード自体から削除して消すのではなく、省略というか、スキップしているだけなので

表示が4件になります。

この辺りは改善が必要ですが、また今度にします。

 

参考にしたサイト

 

2009/09/23追記

上記を更に改造↓

トラックバック(0)

トラックバックURL: