はなまるチェック！ – ページ 62

オーナーメールの記事内への表示

本ブログでは時折、話がWebやITとして専門的になった時に、右サイドバーの運営者にメッセージから問い合わせて欲しい旨、記しますが、記事内に問合せ用のボタンを設置すれば、閲覧者に煩わしい視線の移動を強いる必要がありません。ではそんなことが出来るのでしょうか。

実際に表示している本ブログの HTMLソースを見てみます。随分と長いテキストになりますから 運営者へメッセージ で検索します。するとその下に以下の様なテキストが見つかります。

<div class="side">
<div class="sidebody" style="text-align:center;">
<script type="text/javascript">
    var GB_ROOT_DIR = "./admin/js/greybox/"</script>
<script type="text/javascript"
    src="admin/js/greybox/AJS.js"></script>
<script type="text/javascript"
    src="admin/js/greybox/AJS_fx.js"></script>
<script type="text/javascript"
    src="admin/js/greybox/gb_scripts.js"></script>
<link href="admin/js/greybox/gb_styles.css"
    rel="stylesheet" type="text/css" media="all" />
<a href="blog_message.php"
    title="オーナーへメッセージを送る"
    rel="gb_page_center[580, 530]">
<img src="img/message.gif"></a>
</div>
</div>

ここで赤字で表示したdivタグの side ・ sidebody の両クラスはサイドバーに表示するための装飾ですから省き、それ以外を記事内に貼り付けてみた結果が下になります。

※ ブログシステム変更のため現在ではオーナーメッセージシステムは利用出来ません。

如何でしょうか？少々分かり兼ねると言う方はどうぞご遠慮なくこのボタンからお問い合わせ下さい（笑）

検索エンジンとの連動についてもう少し

仲の好い
こって

前回の検索連動型広告とも呼ばれる実体、広告が検索結果に合わせて表示されているので、検索エンジンの画面に溶け込みまるで検索結果の一部として表示されている様でした。何故こんなに上手く溶け込んで表示されるんでしょう？

実は検索エンジンで検索した結果に連動した内容の広告と言うよりは、 表示される広告は検索する為に入力されたキーワードと連動してるんです。 広告は予め出稿者に依って、キーワードと結び付けて契約されます。その時結び付けられたキーワードが検索されれば、その検索結果に表示される仕組みとなっています。ですから検索キーワードと無関係の広告が表示されることはありません。それで検索結果と広告が連動する様に、違和感なく溶け込んで表示されていたんですね。

プロフィールの表示設定

本ブログでは右サイドバーに表示しているプロフィールにニックネームだけではと思い、詳細を書き加えることにしました。その際先走って姉妹ブログでの設定を其の儘持って来た為、表示は図の様に余計な装飾が施されたものとなってしまいました。はまぞうブログでは ブログ環境設定 項目でプロフィールの詳細を設定できますが、そこに書き込んだ先走った設定が以下です。

そこで例によってテンプレートの CSS（ブログのレイアウト設定）を見れば、以下の様になっていました。

.message{
    font-size:78%;
    color:#333;
    padding:4px;
    background:#ffefd5;
    border:1px solid #dcdcdc;
}

これがブログ環境設定でのプロフィールの詳細項目を囲ってしまう結果となり過剰装飾となっていた訳ですね。

其処で詳細項目設定を削除し、中にあった記述をmessageクラスの中に転記し、余計な記述を削除したものが下記になります。

.message{
line-height:1.3;
padding-left:1em;
}

記述は実にシンプルになり、その結果が只今右サイドバーに表示されている極くシンプルなものですが、如何でしょうか。

果たしてその実体は？

おぅ、おめぇさん達だな
リスチング広告とやらは、講座も数ぅ数えること六回目にしてやぁ～っと姿ぁ現しゃがったなぁ

重役出勤かぃ
しょってゃんなぁ

登場と共にコトラに一苦言呈されたのが ヤフー と Google の検索結果画面です。今では検索は日常普通に行われる行為ですから、本当に頻繁に目にする画面ですね。その両画面は一部を除いて明度を落としています。そのハイライト処理された部分こそリスティング広告の実体です！見事に検索エンジンの画面に溶け込んでいますね。

これが検索連動型広告とも異名を取る意味で、検索結果に合わせて広告が表示されているのですね。

もっともクラウドらしいサービス、Webストレージ

雲を掴む様なクラウドの話し、いったい自分にはどんなメリットがあるのとお嘆きの貴兄にこそ、ご紹介したいのが Webストレージ 、平たく言えばインターネット上にデータを保管してくれるサービスです。

インターネット上にデータを保管するとどうなるでしょうか？

先ず、手元のパソコンが壊れてしまってもデータはなくならないと言うことがあります。パソコンが壊れてしまって中の家族の写真が永遠に消えてしまった、なんてことももぅなくなりますね。

次に、いつも使うパソコンとは別のパソコンからいつも使うパソコンで修正したデータを其のまま使えます。家のデスクトップパソコンで拵えた表計算データにミスがあったけど、時間待ちの喫茶店で持ち運び用のノートパソコンで直して打ち合わせには支障がなかった、と言うのは当たり前、なんならネットカフェからでも友達のパソコンを借りても、自分の拵えた最新のデータに修正することが出来てしまいます。（※注）

Dropbox（代表的Webストレージサービス～ドロップボックス）これこそ最もクラウドらしいサービスと言えるでしょう。では実際にどんなサービスがあるのか？代表的で定評もあるのが、

Dropbox
Sugarsync

です。特に古株のDropboxについては其の登場時に姉妹ブログ ホームページ作成浜松Tips に

なる一連の記事を書きましたので多少専門的になることが許されればご参照下さい。

（※注）但し、クラウドサービスの利用全般に言えることですが、セキュリティの意識は手元のパソコンのみの場合より注意する必要があります。ここでは他人のパソコンに自分のパスワードが残ってしまう可能性があります。家に戻ったら直ぐに変更するなど、パスワードの管理や、またサービスの設定（特に公開用設定等）には普段より余計に気を使いましょう。

七つの名前をもつ広告

ぱっ！！

まさしく 多羅尾伴内 の様に七色の名前を持つリスティング広告。それぞれの呼び名に意味があり、ひとつひとつ見れば名は体を表し分かり易くもあるのですが、混乱の元ともなっている様です。

これらより他にも CPC（Cost Per Click）広告と呼ばれたり、キーワード（連動）広告と呼ばれたり、 P4P（Pay for Performance、ペイフォーパフォーマンス）と呼ばれたり、リスティング広告の元の英語の Listing Advertisement（リスティングアドバタイズメント、リスティングアド）なんてコトラが聴いたら引っ繰り返りそうな魑魅魍魎跳梁跋扈状態。更にはこれらサービスを提供する側の名前を冠して呼ばれたりすることもあるから堪りません。

検索エンジンの検索結果と連動したり、料金が発生するのはクリック毎であったりとする、新時代のインターネット広告を広い意味で捕らえて、本ブログでは リスティング広告 と呼ぶことにします。

はまぞうブログのトップ画像の場所

ホームページ作成浜松Tipsトップ画像はまぞうブログには豊富にテンプレートが用意されているのですが、本ブログ2010年9月26日、今週のアクセス統計2 の記事で推測される様に、ブログにオリジナル色を出す為、トップの画像を交換したいという希望は多い様です。

交換するには元の画像が何処にあるか分からなければいけません。さて元の画像は何処にあるのでしょう？はまぞうブログにも幾つかのタイプがあるのですが、今回は本ブログの姉妹ブログ ホームページ作成浜松Tips の場合を見てみましょう。

元の画像のある場所を知るには、テンプレートをカスタマイズする時に編集可能となる CSS（レイアウトの設定ファイル）を見ます。 ホームページ作成浜松Tips でははまぞうテンプレートは 藤　イラスト3カラム を利用しています。このCSSファイルを見て、 body{…} と書かれている部分を探すと以下の様になっていました。

body{
  margin: 0;
  padding: 0;
  text-align: center;
  background:#ECFCFF
      url(http://admin.hamazo.tv/
            _img/illust_3column_wistaria/ha04_09top.gif)
      top center repeat-x;
  font-size: 100%;
}

設定ファイルにある通りリンクを張ってみます。画像の表示より画像を直接ご覧いただけると思います。本記事の冒頭にある画像の下部分も伴った縦に長い画像が見られたのではないでしょうか。設定ファイルではこれをブログ全体の背景とし、横方向に繰り返し表示することで、トップ（ヘッダ）画像の様に見せているのですね。

PPC広告

まぁだ通称が
定まっちゃ
ねんだろねぇ

リスティング広告には別名が多いですね。前回の検索連動型広告に今回は PPC（ピーピーシー）広告 です。これは Pay Per Click（ペイパークリック）広告 を略したもので、略さず ペイパークリック広告 と呼ぶことも多いです。訳せば クリックするたび毎に料金が発生する広告 となるでしょう。こうなれば前回の検索連動型広告と同じく名は体を表し、分かり易いのではないでしょうか？そうなんです。広告を出す側は 広告がクリックされた場合にだけ料金を支払う ことになるんです。表示されるだけでは料金は発生しません。これも新世代のインターネット広告たるリスティング広告を象徴する特徴なので別名として通っているのでしょう。この系統として クリック課金型広告 と呼ばれることもありますが意味は同じですね。

純和風がお好みのコトラ先生、少々横文字攻撃に食傷気味ですね。確かに日本語に直すと分かり易いものも多いので、これからそんな時は出来るだけ日本語で対応しましょう。でも一般名詞で通用しちゃってると、ちょっとね。

虹色ブログタイトル

虹色に輝くブログタイトル本ブログのタイトル表示は環境に拠っては、虹色に変化して最終的に黄緑色に落ち着いて見られるのではないでしょうか。これは javascript と言う技術を使って実現しています。

若し興味を持たれた方は多少専門的になりますが、本ブログの姉妹ブログ ホームページ作成浜松Tips の2008年7月11日の記事、七色に輝くブログタイトル及び、関連タグ記事レインボータイトルに詳細を記してありますのでご参照下さい。

検索連動型広告

日本人にゃ～♪
日本語よぉ～♪
てかぁ？

リスティング広告には別名が沢山ありますが、其の一つに 検索連動型広告 があります。名は体を表すと言いますが、まさしく 検索エンジンで検索した結果に合わせて表示される広告 と言う意味を持っています。コトラの言う通り日本語で分かり易いですね。

但し、リスティング広告には厳密に言えば検索結果に依存しない種類のものも含んでいます。しかし広い意味で捉えて、其れも合わせて、検索連動型広告はリスティング広告と同じ意味で用いて問題ないでしょう。