Movable Typeのプラグイン「Widget Manager」（５）

大抵は、その度にアフィリエイトASPの管理画面にログインして、ソースコードを取得しているが、今記事下に貼り付けてあるMTの広告のように、HTMLで組んだものの場合には、テキストファイルに保存しておいて、一度削除してもまた利用したい場合には、そのソースコードをテンプレートに貼り付けるようにしている。

そうした「何度か使うかもしれないもの」をモジュールという形にして保存しておき、それを「Widget Manager」で簡単操作して表示させれば、広告の張替えが簡単だ。

・・・うーん。
確かにそうなんだけど、ただ「同じものだと飽きちゃうから定期的に差し替えるため」というのも芸がないなあ。

で、先日シックス・アパートを訪れた時一緒に聞いてみた。

「アフィリエイトリンクに活用するとしたら、何か面白い使い方ってあります？」

こちらも一発回答。
頭の回転が早い人って、ぽんぽんアイディアがでてくるからすごいよなあ。

「一例だけど、週末だけはこの広告だしたいとか、そういう時に便利じゃない？」

「ほー！確かに。週末向けのマーチャントってありますね。週二度更新もドラッグ&ドロップなら簡単だ」

「あと、キャンペーンやってる時期だけ、その広告をだすとか」

「ああ、それもいいかも」

ポイントサイトでも通販サイトでも、不定期にセールとかキャンペーンとかやっている。そういう頻繁にキャンペーンやるサイトの広告を予め全部モジュールにして、マーチャント名のウィジェットを作っておいて、メルマガとかで情報得ながら操作できたら、いちいち管理画面でソースをコピペして貼りかえるより楽チン。

ということで「新製品＆人気商品購入体験レポートネットワーク」の右サイドバー新着記事一覧上部用に、まずはこんなウィジェットを作ってみることにした。

◎Widget Managerの名前：ad_sidebar_A

・大手総合通販＆モールへのリンク（バナー＋説明文）をそれぞれ各サイト毎
・週末にオススメ「ゆっくり見ておきたいサイト」の塊を２つほど
・地震など災害があった時用「防災関連グッズ紹介」

◎Widget Managerの名前：ad_sidebar_B

・アフィリエイト募集リンクを各ASP毎

モジュールを新規作成し「Widget: （モジュールの名前）」という名前をつける

最初に「Widget」を作る。
これは、ドラッグ＆ドロップで動かす一個のパーツといった感じのものだ。

「テンプレート」「モジュール」で「モジュールを新規作成」をクリック。

「Widget」として利用するためには、モジュールのテンプレート名を「Widget: 」で始めなくてはいけない。まずは「Widget: 通販（ニッセン）」というものを作ってみた。モジュール内容には、バナーと短いコメント分を挿入。

「Widgetの管理」で「Widget Manager」を新規に作成する

次に「Widget」を表示させる“枠”とでもいうべき「Widget Manager」を作成する。

テンプレート画面下の「Widgetの管理」をクリックする。デフォルトで既に「First Widget Manager」というものが用意されているが、それは無視して、右上の「Widget Managerを作成」をクリック。

右側の「利用可能なWidget」を見ると、作ったばかりの「通販（ニッセン）」というWidgetがちゃんと表示されている。これを、左側の「インストールされているWidget」にドラッグ＆ドロップし、「Widget Managerの名前」欄に「ad_sidebar_A」と入力し、「変更を保存」ボタンをクリック。

これで、新しい「Widget Manager」が作成された。

テンプレート上に「Widget Manager」を挿入

最後の準備作業は、「Widget Manager」を、テンプレート内に挿入することだ。
そうしておけば、後はいちいちテンプレート内にタグを書き込んだりしなくても、「ad_sidebar_A」を開いて、そこで表示させたいものドラッグ＆ドロップだけとなる。

今回はサイドバーの「新着記事一覧」の上に広告スペースを作りたい。
サイドバーは既にモジュール化されているので、「モジュール」の「sidebar2」を開く。

<div id="right">
<div id="right_box">

<h3 class="label01">　新着レポート</h3>

<ul>
<MTEntries lastn="10">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>

<div align="right"><font color="#FF9900"><b>>>></b></font> <a href="<$MTBlogURL$>entry.html">一覧を見る</a></div><br />

ここに一行書き加える。

<div id="right">
<div id="right_box">

<h3 class="label01">　新着レポート</h3>

<$MTWidgetManager name="ad_sidebar_A"$>

<ul>
<MTEntries lastn="10">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>

<div align="right"><font color="#FF9900"><b>>>></b></font> <a href="<$MTBlogURL$>entry.html">一覧を見る</a></div><br />

これで作業完了。
サイトを再構築すると・・・

別問題が発生して、このサイト・・・再構築できず。

「液晶ディスプレイ購入ナビ」で再挑戦。

「AD_TOP_160x600」というWidget Managerを作成して、
モジュールのほうは「Widget: EIZOダイレクト（160x600）」「Widget: アイ・オー・データ（160x600）」「Widget: サムスンダイレクト（160x600）」３つを作成。

テンプレートには、

<$MTWidgetManager name="AD_TOP_160x600"$>

という一行を挿入。
これで再構築。

液晶ディスプレイ購入ナビ

ばっちり！
管理画面でドラッグ＆ドロップすれば、右端の配信バナーを簡単更新できて便利♪

他のアフィリエイトリンク貼り付け箇所やモジュールも、
暇を見つけて全部「WidgetManager」管理にしようと思った。

完