静的HTMLブログの記事編集と広告掲載をまとめて効率化｜テンプレート付きビジュアルブログエディタ×あくまでミニアド工房運用方法

はじめに

静的HTMLでブログ運営していると、記事編集そのものよりも、広告まわりの手作業や管理に時間を取られることがありますよね。広告コードを記事ごとに貼り付ける、配置を変えたくなったら全記事を直す、PR表記を入れ忘れていないかや、収益管理まで毎回確認する。記事数が増えるほど、この繰り返しが地味に重くなっていきます。そこで今回は、ブラウザ完結型でブログ記事を編集する「ビジュアルブログエディタ」と、登録不要で広告コードを掲載できるCPA広告サービス「あくまでミニアド工房」を組み合わせた使い方をご紹介します。

ビジュアルブログエディタを利用あくまでミニアド工房を利用

組み合わせ

役割分担は単純で、ビジュアルブログエディタは既存のHTMLテンプレートを読み込んで、ブラウザ上で記事を編集するための無料ツールです。見出しや本文、画像、リンクを画面操作で編集でき、メタタグやJSON-LDといったSEOまわりの情報も合わせて直せます。

ビジュアルブログエディタを利用

あくまでミニアド工房は、公式ページで公開されている広告コードをコピーして、自分のサイトに貼るだけで始められるCPA方式の広告サービスです。アカウント登録も初期審査もいりません。この2つを組み合わせると、「記事を書く場所」と「広告を管理する場所」がエディタの中にまとまります。特に効くのが、エディタのカスタムタグ機能です。

あくまでミニアド工房を利用

活用例

例1：PR表記と広告コードをカスタムタグ化

カスタムタグ機能は、よく使うHTMLの塊を名前付きで登録しておき、記事編集の画面からワンクリックで挿入できる機能です。 ミニアド工房の広告掲載には、掲載ページへプロモーション表記を含めることが必須で、表記が確認できないと成果審査で却下される場合があります。 PR表記の文言と広告コードをセットにしてカスタムタグに登録しておけば、挿入するたびに表記が漏れる心配がなくなります。

例2：テンプレート側に広告コードを組み込む

全記事に同じ広告を表示したい場合は、記事ごとに挿入するのではなく、テンプレートそのものへ広告コードを組み込む方法もあります。エディタにはコード編集モードがあり、HTML全体を直接触れます。テンプレートのbody末尾側に広告コードとPR表記を入れておけば、そのテンプレートで書く記事すべてに同じ条件で広告が付きます。使い分けの目安は、記事ごとに広告を変えたいならカスタムタグ、サイト全体で統一したいならテンプレート組み込みです。

例3：出金まわりのページもエディタで管理

あくまでミニアド工房では、掲載ドメインを入力すると、クリックデータから割り出した推定成果数を確認できます。推定成果数が10以上になると出金申請フォームが表示され、出金申請は月に1回までです。出金申請の際は、掲載ドメイン上に本人確認用のページを用意し、申請フォームへ入力したメールアドレスと、選択した交換先ギフト名をそのページに掲載しておく必要があります。この確認用ページの作成や書き換えも、静的HTMLならエディタでそのまま編集できます。月1回の出金リズムに合わせて、推定成果数の確認と、広告配置の見直しと、本人確認ページの更新を一つの作業にまとめると運用がぶれません。

テンプレート

組み合わせて使いやすくするために、ビジュアルブログエディタでそのまま使える汎用的な記事テンプレートを用意しました。 無料で配布しますので、コピーしてご自身のブログ用に書き換えてお使いください。

このテンプレートは、エディタの自動同期が効く構造になっています。本文先頭のhero要素内にあるh1がタイトルと連動し、alt="記事サムネイル"の画像がサムネイルとして扱われます。メタタグとJSON-LDも最初から入っているため、Head編集の画面で値を書き換えるだけで済みます。そして末尾には、あくまでミニアド工房の広告コードを貼る位置を示すコメントを入れてあります。他の表示情報よりも下という掲載条件に合わせた位置です。

使い方は、コードをファイルに保存してエディタへドラッグ＆ドロップするだけです。タイトルや日付、URLのプレースホルダを自分の記事の内容に書き換えてください。エディタの詳しい操作手順は、過去に公開している解説記事にまとめています。

エディタの使い方解説記事