メール広告やメルマガ、会員向けのフォローメール、etc…。
サイトを運営しているとメールを送る機会は多くあります。
そんなメールにとってまず大事なこと。
それはメールを開いてクリックしてもらうことです。
まずはメールを開いてもらええなければ、せっかく作ったランディングページを見てもらうことも、
入稿規定にひっかかりながらテキスト原稿を何度も修正したことも、
すべて無駄になってしまいます。
でもこの世知辛い世の中。
競合他社やスパムメール、その他さまざまなメールがインターネット上を飛び交っており、
お目当てのユーザのメールボックスもそんなメールたちであふれかえっていることでしょう。
そこでまずいかにユーザの目に止まるか?が重要です。
文言レベルとなると、ケースバイケースになることが多そうですので、基本はどのような装飾を施すか?に焦点を当てます。
今回テストした装飾のパターンは以下のとおり。(タイトルの部分には各パターンとも同じ文字列です)
基本的には先頭の引きの強い単語を囲うような形です。
【1】 |||| タイトル ||||タイトルタイトルタイトルタイトル
【2】 [ タイトル ]タイトルタイトルタイトルタイトル
【3】 ♪♪タイトル♪♪タイトルタイトルタイトルタイトル
【4】 ≪タイトル≫タイトルタイトルタイトルタイトル
あなたはどれが良いと思いますか?
1番目は今までテストを行った際にも良好だったパターンです。
2・3・4番目は新たに追加してみたパターンです。
各4~5万通づつメールを配信し、クリック率を計測しました。
グラフにすると以下のとおりです。
ひとつだけ抜き出てよいものがあります。それは・・・
【2】の[ タイトル ]〜 のパターンでした!
配信数も多いため信頼度もぼちぼち高いと思われます。
【1】の|||| タイトル ||||〜 のパターンもまずまずの結果です。
それに対して新たに追加してみた2パターンはイマイチ振るいませんでした。
結果の良かった2パターンに共通することは
1.装飾に使用したのが全角文字でかつ記号である
2.装飾と中のタイトルの間に半角スペースがない
という2点が挙げられます。
メール広告の制限を考えると、より短く(バイト数が少なく)効果のある装飾が求められます。
上記の2点については「全角の装飾→バイト数が多い」ということから半ば意識的にやっていたのですが、このような結果になるとは。。。
実際、新たに追加したパターンでは装飾に使用しているバイト数は以下の通りです。
【1】10バイト(半角スペース含む)
【2】4バイト(半角スペース含む)
【3】8バイト
【4】4バイト
1番は装飾に必要なバイト数が多いため、その点がメール広告の制限にひっかかることがあります。
そのため2番の装飾が1番の半分以下のバイト数でより良い結果が得られたのは非常に価値があります。
逆に3番に半角スペースを使用することは、1番と比べてバイト数が変わらなくなってしまいます。
限られたバイト数の中で効果を出せる装飾が良いパターンといえます。
今後も引き続き調査を行っていきたいと思います。
ブログパーツとしてはSWF形式が一般的ですが、その作成方法にはいくつかあります。
最も一般的なのはAdobeのFLASHを使用して作る方法です。
他にもプログラム言語のライブラリとしてPHPを吐き出せるものなどもあります。
PHPのMing、JavaのJavaSWFなどですが、あまり一般的では無いように思います。
割と新しい方法としては、今回紹介するFlexがあります。
Flexも現在はバージョン3となり、認知度も上がってきていることと思いますが、一応説明させてもらいます。
FlexはFLASHと同じAdobeの提供するSWF「開発」ソフトです。
元々、FLASHでのオーサリングはデザイナーの仕事というイメージでしたが、ActionScriptの登場によりプログラマとの共同作業ということも増えてきました。
FLASHで作成されるものとして大きく分けると、ゲームやアニメーションなどのエンターテイメント系と自由なGUIや出力表現を備えた業務系の2つになります。
厳密な区切りは難しいですが、前者は見た目が重視されるためデザイナーが中心となりますが、後者は綿密な用件定義が必要でありシステム屋が中心となる仕事です。
しかし、プログラマにとってはFLASHのオーサリングというのは普段の業務内容から大きく外れています。
タイムラインという考え方やGUIコンポーネントも作成する必要があるなど難易度も高くなります。
そこで、Flexの登場です。
FLASHがあるのに、なぜFlexか?
それは、プログラマがSWFを作成するためというのが一番の理由でしょう。
Flexではまず、GUIコンポーネントがすでに用意されています。
JavaでいえばSWINGを使ってJButtonクラスやJMenuでGUIコンポーネントを作成できるといったことです。
次に、FLASHのようにタイムラインを考える必要がありません。
FlexではMXMLというXMLとActionScriptのみで作成ができます。
HTML+Javascriptの組み合わせと似ていて、HTMLが見た目を用意し、Javascriptが動きを制御するといった感じです。
Flexはプログラマフレンドリーなのです。
それでは、早速Flexを使ったSWFの作成方法を説明します。
グラフィカルなIDE開発環境FlexBuilderも販売されていますが、今回程度の無いようなら無料のFlex SDKのみでも問題ありません。
Flex SDKで作成したコードをコンパイルしてSWFファイルを生成できます。
今回紹介するのは、RSSから最新記事を表示するブログパーツです。
上記の説明では、FLASHでのお仕事に含まれそうですが、、、どちらでもよいのです。
まず、大枠となる部分はいつも一緒です。
XML宣言とアプリケーション本体のコンテナです。
<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute” initialize=”init()”>
・・・
・・・
</mx:Application>
mx:Applicationタグに、initialize=”init()” としているのは、URLを読み込む
次に、アプリケーションの中身を追加していきます。
※見やすいようにサイズや座標指定など細かい属性は省略しています。x,y,width,heightなど必要に応じて指定しましょう。
<mx:Panel>
<mx:Image source=”blog01.gif” />
<mx:Image source=”blog02.gif” />
<mx:Image source=”blog03.gif” />
<mx:VBox>
<mx:LinkButton id=”link0″ label=”” click=”openNews(event)” />
<mx:LinkButton id=”link1″ label=”” click=”openNews(event)” />
<mx:LinkButton id=”link2″ label=”” click=”openNews(event)” />
<mx:LinkButton id=”link3″ label=”” click=”openNews(event)” />
<mx:LinkButton id=”link4″ label=”” click=”openNews(event)” />
</mx:VBox>
</mx:Panel>
まずPanelコンテナを配置し、中にImageやLinkButtonを配置しています。
今回はRSSの表示部分以外の見た目を簡単にするためにImage要素でデザインのパーツをペタペタ貼り付けています。
RSSの表示部分はVBoxの中にLinkButtonを配置します。これで、最新の記事がたてに並んで表示されます。
表示されるラベルはRSSから読み込んでセットするので、label=””となっています。
リンクっぽく表示するために、textDecoration=”underline”やrollOverColorで色を指定してもよいでしょう。
各記事のLinkButtonからclick=”openNews(event)”で記事のページへジャンプします。
init()やopenNews(event)などの関数はmx:Applicationの中にmx:Scriptタグを追加します。
<mx:Script>
<![CDATA[
・・・
・・・
]]>
</mx:Script>
中身はActionScriptでXMLではないため、<![CDATA[~]]>も忘れずに記述します。
init()関数から見ていきます。
public function init():void {
var request:URLRequest = new URLRequest(”http://www.queserastyle.com/rss/index.xml”);
var loader:URLLoader = new URLLoader();
loader.addEventListener(Event.COMPLETE, setNews);
loader.load(request);
}
取得したいRSSのURLで初期化したURLRequestのインスタンスrequestとURLLoaderインスタンスloaderを作成します。
次にloaderがロードが終わったときに、RSSの内容をセットするsetNews()関数を呼び出すようにイベントハンドラを登録します。
後はloaderのload関数の引数にrequestを与えて終わりです。
次にRSSのロードが終わったタイミングで呼び出されるsetNews関数を見て見ましょう。
private function setNews(event:Event):void {
var loader:URLLoader = event.target as URLLoader;
var [...]
番外編をお届けします。機種と行っても細分化しすぎちゃてt、よくわからないですよね。そこで、ドコモなんかだとシリーズというのがあるので、シリーズでどれくらいのシェアがあるのか?を調査しました。
さて、今回はブラウザシェアならぬ、ユーザーエージェントから使用されている携帯のキャリアや機種の分析をしてみることにしました!
さて、ブラウザシェアの順番は誰もが言えるくらいの認識が強いかと思います。
結果はこちら。
そうですね。
ドコモさんが全体の60%前後になることが一般的ですね。
今回のサイトは、2008年7月〜12月までの半年間のモバイルサイトでのデータを検証しました。残りの30%はau。ソフトバンクは10数%になります。
MNPなどにより大きく動くと言われていたシェアですが、結局はだんだんとドコモが減ってきて、その分、auやソフトバンクにシェアが移っている印象です。元々は80%と言われていた訳ですから、その様子は様変わりしてきましたね。
※と言っても携帯台数も劇的に増えていますので、結局良いことが起こっていると考えられますがね。
今回は、モバイルユーザーの内でもモバイルサイトを見る人(しかも勝手サイト)という条件ですので、ソフトバンクユーザーが多く出るのもなんとなくうなずけます。
さて、話は変わって、じゃ、どんな機種が多いのか?というテーマに行きたいと思います。今回のログに含まれていた機種は、428機種見受けられました。
その428機種の中には、vodafoneなども多く見受けられました。結構古い携帯でも使われているんですねー。
では、シェアが1%以上の上位28位を紹介します。
1位はシャープの携帯でした。それでも3%ということで、どれだけ機種がさまざまあるか、を表しています。「SH」がシャープですので、シャープはすごいですね。13位にソフトバンクが出てきますが、こちらもSHです。
KDDIは、機種じゃなくてデバイスIDを抽出しちゃったみたいです。※ごめんなさい。ご愛嬌ってことでゆるしてください。
さぁ、どうですか?皆さんの予想は。こういったものを見てみると、どれくらいのシャアに対応するように、モバイルサイトを構築するかなどの参考になりますね。
冬でも暖房が要らないIT企業のオフィス。
機密性が高い最近の建築では、冬に冷房というのも結構あるようです。
暖房器具としても使えそうなパソコン達の熱量をお手軽に計算してみましょう。
発熱量の求め方は?
消費電力1[W]=発熱量0.86[kcal/h]より、
発熱量=消費電力×0.86
エネルギーの100%が発熱に使われているわけではないですが、
ほぼ熱になっているとみなしてこの単純式で計算します。
ドキドキわくわくゾクゾクする各種公式は、今回使いません。
さて、では問題は消費電力ですね。
私の独断で機種を選び、その消費電力を目安に計算します。あしからず。
メーカー・機種・構成によって消費電力は、かなり変動します。
とりあえず、国内メーカーのパソコン2008夏モデル・秋冬モデルあたりの数値でまいります。
●デスクトップパソコン
Windows Vista® Home Premium with Service Pack 1 (SP1)
インテル® Core™2 Duo プロセッサー E7200 (2.53GHz)
インテル® G35 Express チップセット
約500GB HDD(シリアル ATA/300、7200回転/分)
22型ワイド液晶
電源を入れただけの状態 約50W
最大消費電力 約200W
待機時消費電力(スリープ時) 約3W
●ノートパソコン
Windows Vista® Home Premium with Service Pack 1 (SP1)
インテル® Core™2 Duo プロセッサー P8600 (2.40GHz)
モバイル インテル® GM45 Express チップセット
約320GB HDD(シリアル ATA、5400回転/分)
15.4型ワイド TFTカラー液晶
電源を入れただけの状態 約25W
最大消費電力 約80W
待機時消費電力(スリープ時) 約1.5W
■
デスクトップパソコンがフル稼働すること1時間なら
200W × 0.86kcal/h = 172kcal/h
1カロリーは1gの水の温度を1℃上昇させるのに必要な熱量だから…
1時間で10リットルの水を17.2℃温められることになりますね。
20時間かければ、お風呂いっぱいの水(200リットル)を23℃から40℃にできるという計算です。
ノートパソコンがフル稼働すること1時間なら
80W × 0.86kcal/h = 68.8kcal/h
ちなみに、6畳用の省エネタイプエアコンで、暖房時の消費電力は400W強。
暖房能力は2.5kWくらい。
2.5kW × 0.86kcal/h = 2150kcal/h
なんという効率。コンプレッサーってスバラシイ!