AddThis Social Bookmark Button

インストールと使い方(Movable TypeでA8.netバナー表示)

これは何?

A8.netで登録しているバナーを一括管理するA8minを使い、Movable?Typeで簡単にバナーを表示することができます。
ここでは、一般的なスタティックテンプレートを使ったA8min導入方法を説明します。
Movable?Type4.25を例として使用していますが、他のバージョンでも全体の作業の流れは変わりません。

Movable?Typeでアフィリエイトをされている方はぜひお試しください。



 

インストール~インポートまで

インストールからデータのインポート作業までは、通常のA8min(スタンドアロン実行)でのインストール手順と同じです。
上記リンクの手順をご確認ください。

 

JavaScript2A8minのアップロード

スタティックページ内で動的にA8.netバナーを出力するため、JavaScriptを使います。
下記JavaScript生成コード(JavaScript2A8min)をダウンロードして、サーバーの任意の場所へアップロードします。

 

≫? JavaScript2A8minをダウンロード

 

アップロードする前に、一箇所だけソースの変更が必要になります。
下記青丸で囲った部分に、A8minのインストールパスを記述してください。

JavaScript2A8minの修正箇所

JavaScript2A8minの修正箇所

サーバーへのアップロード場所は、ブラウザからアクセスできる場所であればどこでも結構です。

 

ウィジェットの登録

バナーを出力するHTMLを、Movable Typeのウィジェットとして登録します。
登録したウィジェットは、サイドバーや各種テンプレートから呼び出すことが出来るようになります。

ウィジェット登録(1) メニューの「デザイン>ウィジェット」をクリック

ウィジェット登録(1) メニューの「デザイン>ウィジェット」をクリックします

ウィジェットを登録(2) ウィジェットテンプレート作成

ウィジェット登録(2) ウィジェットテンプレートを作成します

ウィジェット登録(3) ウィジェットコード作成

ウィジェット登録(3) ウィジェットコードを記述します(クリックで拡大)

ウィジェットコードのサンプルはこちら

 

サイドバーへの読み込み

テンプレートによって多少構成が異なりますが、ここではウィジェットセットを使ったA8minウィジェットの設定について説明します。

サイドバーへの読み込み(1) ウィジェットセットを選択します

サイドバーへの読み込み(1) ウィジェットセットを選択します

サイドバーへの読み込み(2) ドラッグ&ドロップで、作成したウィジェットを追加します

サイドバーへの読み込み(2) ドラッグ&ドロップで、作成したウィジェットを追加します

「変更を保存」ボタンをクリックして保存後、いちど再構築を行います。
サイドバーへバナーが表示されることをご確認ください。

 

テンプレートへの組み込み

スタティックテンプレートへは、「<$MTInclude widget=”ウィジェット名”$>」タグを使って、作成したウィジェットを組み込みます。

テンプレートへ組み込み(1) メニューの「デザイン>テンプレート」をクリックします

テンプレートへの組み込み(1) メニューの「デザイン>テンプレート」をクリックします

テンプレートへの組み込み(2) タグを挿入します

テンプレートへの組み込み(2) タグを挿入します

テンプレートを保存後、いちど再構築を行います。
該当ページへバナーが表示されることをご確認ください。

 

このページについてコメントする