「カエレバ」、「ヨメレバ」に続き「ポチレバ」を使ってみた

以前、ブログパーツの「カエレバ」、「ヨメレバ」をご紹介いたしました。

ブロガーの間でアフィリエイトを簡単にする噂のブログパーツ、「カエレバ」と「ヨメレバ」を使ってみたのでご紹介いたします。 「カエレバ...

今回は「カエレバ」、「ヨメレバ」と同じ方が開発をされている「ポチレバ」をご紹介いたします。

「ポチレバ」とは

わかったブログ トップページ

iPhoneアプリ紹介ブログパーツ ポチレバ

「ポチレバ」は以前ご紹介した「カエレバ」、「ヨメレバ」と同じく、「わかったブログ」を運営されているかん吉さんが開発した、iTunesで配布・販売されているアプリやコンテンツを紹介できるブログパーツです。

ブログパーツの生成方法と使い方

「ポチレバ」はPHGで生成されるIDを入力して、ブログパーツを作っていきます。

IDの調べ方はアフィリエイトidの調べ方に詳しく記載されています。

「ポチレバ」データ入力テーブル

ポチレバ データ入力テーブル

  1. サイト名を入力。
  2. アフィリエイトIDを入力。
  3. 「保存」ボタンを押下。

「ポチレバ」の入力する情報は「カエレバ」、「ヨメレバ」に比較すると非常に簡素です。

アプリ検索

IDを入力した後、紹介したいアプリやコンテンツをiPhoneアプリ紹介ブログパーツ ポチレバにある、ヘッダー右上部から検索します。

ポチレバ アプリ検索

  1. キーワードを入力。
  2. 種類を選択。
  3. 「検索」ボタンを押下。

アプリが一覧で表示されるので、「ブログパーツを作る」のリンクを押下します。

ポチレバ アプリ検索結果

htmlソース

「カエレバ」、「ヨメレバ」と同様に生成されたHTMLのソースを、ブログのテキストエディタに張り付けて使用することになります。赤枠で囲っている部分がHTMLのソースになります。

ポチレバ htmlソース

「ポチレバ」の素晴らしいところは、「カエレバ」、「ヨメレバ」と同様に独自のCSS(カスケーディングスタイルシート)を作成することにより、オリジナルのデザインでブログパーツを使用できる点にあります。

ブログパーツの比較

「ポチレバ」のブログパ-ツに独自のCSSを当てたデザインと、PHG(アフィリエイトプロバイダ)で生成したパーツとを比較してみました。

「ポチレバ」パーツ

「ポチレバ」のブログパ-ツ

「PHG」パーツ

「PHG」のパーツはそれなりに良いデザインですが、ブログにマッチしているデザインとはいいがたく、またモバイル用のランドスケープ(横)、ポートレイト(縦)で表示は変化はしません。

一方、「ポチレバ」は独自のCSSにより、ブログのテイストにマッチしたデザインに変更することができ、より見やすくすることもできます。

ポチレバ ポートレイト(縦)表示
ポートレイト(縦)表示
ポチレバ ランドスケープ(横)表示
ランドスケープ(横)表示

シンプルですっきりとしたデザインにしてみました。

「ポチレバ」のCSS

当サイトで使用している「ポチレバ」のCSSを記載いたします。

PC用

/************************************
** ポチレバ
************************************/
.pochireba {
    margin: 20px auto;
    padding: 25px 25px 20px;
    border: double #CCC;
    overflow: hidden;
    font-size: small;
    border: medium double #ccc;
    border-radius: 5px;
}

.pochireba {
    font-size: 16px;
}

.pochireba > a:first-child {
    display: block;
    margin: 0 15px 0 0 !important;
    float: left;
}

.pochi_post {
    font-size: 8pt;
}

.pochi_time,
.pochi_price {
    display: none;
}

.pochireba > a:first-child img {
    margin: 0 auto;
    text-align: center;
}

モバイル用

/************************************
** ポチレバ
************************************/
.pochireba img {
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width: 400px) {
    /************************************
    ** ポチレバ
    ************************************/
    .pochireba {
        text-align: center;
    }

    .pochireba > a:first-child {
        float: none !important;
        margin: 0 0 10px 0!important;
        text-align: center;
    }
}

CSSの参考になればと思います。

まとめ

  • 「ポチレバ」は「カエレバ」、「ヨメレバ」と同じ「わかったブログ」を運営されている、かん吉さんが開発したブログパーツ。
  • アフィリエイトプロバイダで生成されるIDを入力して、ブログパーツを作る。
  • 独自のCSSによりオリジナルのパーツを作成することができる。
  • 生成されたHTMLソースをテキストエディタに張り付けて使用する。

「ポチレバ」は「カエレバ」、「ヨメレバ」と同様、独自のCSSによりサイトのテイストにマッチしたデザインに仕上げることがで出来、不必要な情報を非表示にすることもできます。

「ポチレバ」に変えてから、早速アプリの注文が入りました。ブログパーツはサイトのテイストに沿ったデザインの方が安心感が得られるのではないかと思います。

「ポチレバ」が気になった方は導入を考えてみてはいかがでしょうか。

スポンサーリンク
記事のタイトルとURLをコピーする

シェアする

フォローする

この記事をお届けした
PC ウェブログの最新ニュース情報を、
いいねしてチェックしよう!