バズーサイト3.0

こんにちは、バズー株式会社、開発チームリーダーの清水です。

昨日バズーホームページをリニューアルしました！

技術的には新たにこんな試みを取り入れています。

・携帯ホームページトップをフルFlash化！
・携帯Google Analytics対応！
・ブログ新着記事を動的にサイト上に表示！
・ブログは携帯/PC両対応！
・共通ヘッダー、共通サイドバー、共通フッターによるページ更新コストの大幅低減！

■携帯ホームページトップをフルFlash化！

いままで静的HTMLだけの殺風景だった携帯ホームページトップを今回フルFlash化（Flash Lite 1.1）しました。
画面切り替えがいらない分、非常に快適にアクセスできます。
機種情報を見てFlash非対応端末の場合は、静的HTMLを出すようにしています。

■携帯Google Analytics対応！

Javascriptが使用できない携帯でもGoogle Analyticsを使ったアクセスログ解析ができるようにしています。
若干制限事項があるのですが（セッション数＝PV数になってしまう等）、デメリットよりメリットのほうが上回っています。
モバイルSEOに興味がありましたら、ぜひお問い合わせください！

■ブログ新着記事を動的にサイト上に表示！

コーポレートブログの新着記事のタイトルを、動的にサイト上に表示しています。
PHP5からは、simplexmlというモジュールを使うと、XMLを非常に簡単に取扱うことができます。
そこで、MovableType 4.0 の RSS を解析することにしました。
こんな感じで数行で取得できます。

<?php
function get_blog_new_entry($blog_id) {
    // RSS取得
    $xml = simplexml_load_file('http://www.buzoo.jp/' . $blog_id . '/atom.xml');
    // 最新エントリURL取得
    $attr = (array) $xml->entry[0]->link;
    $link = $attr['@attributes'];
    $href = $link['href'];
    // 最新エントリタイトル取得
    $title = $xml->entry[0]->title;
    // 最新エントリ更新日取得
    $update  = str_replace('-', '/', substr($xml->entry[0]->updated, 0, 10));
    $current = date("Y/m/d");
    // 結果を返す
    if ($update == $current) {
        return sprintf("<p class=\"entry new \">%s<br/>".
            "<a href=\"http://www.buzoo.jp/%s/\">%s</a></p>",
            $update, $blog_id, $title);
    } else {
        return sprintf("<p class=\"entry\">%s<br/>".
            "<a href=\"http://www.buzoo.jp/%s/\">%s</a></p>",
            $update, $blog_id, $title);
    }
}

■ブログは携帯/PC両対応！

MT4i というオープンソースプログラムを使っています。

■共通ヘッダー、共通サイドバー、共通フッターによるページ更新コストの大幅低減！

共通フッターなどは <?php include("common/footer.html"); ?> と書くと非常に簡単に外出しできます。
.htaccess に次のように書いておくと .html ファイルをすべて PHP として解釈してくれて、コンテンツの更新コストを大幅に削減できます。

AddType application/x-httpd-php .html