PORIPUアフィリエイト強化版”tears”について

PORIPU tearsSANGOでアフィリエイト

アフィリエイト機能を追加したPORIPUの上位バージョン“tears”を公開します。

PORIPUの機能はそのままに、アフィリエイト向けの機能を追加しました。 

初心者ブロガーの方には必要がない機能はPORIPUにおいてきました。必要な方のみ、上位版のtearsを利用ください。

tears追加機能

  • モバイル追尾ヘッダー
  • ウィジェット アイテムランキング(サイドバー用・記事内用)
  • ショートコード アイテムランキング(記事内用)
  • ランキング用アイテムの管理スペース
  • ショートコード 新吹き出し(吹き出し下)
  • ストレスフリーな固定ヘッダー
  • FontAwesome5対応
  • デザイン追加

商品ランキングで購買促進をする

ぽりぷ
アフィリエイトサイトにはランキングが必須!!

アフィリエイトサイトには必須級のランキングコンテンツ。PORIPUtearsでは、自由に設定できるランキング機能を追加しました。

アイテムランキング

サイドバー等には専用ウィジェット・記事コンテンツ内にはショートコードで再現が可能です。アフィリエイト記事へのリンクにお使いください。


STEP.1
アイテムを登録する

ランキングに表示するコンテンツを「アイテム情報」に一件ずつ登録します。

バナー画像リンクとテキストリンクは、各ASPから取得してください。

順位を決める
STEP.2
アイテムの順位を決める

1位・2位・3位の順番にアイテムIDを入力してください。

ウィジェットを使う場合と、ショートコードを遣う場合で操作が変わります。

公開
順番どおりに出力されます。サイドバーではコンテンツを少なくして表示します。

※ASP規約に違反しないため、アフィリエイトタグの改変は行っておりません。ですが一応、”自己責任”でご利用ください。

ランキングの詳しい使い方

目線の動きを意識したふきだし

ぽりぷ
読みやすい「記事配置」を心得よう!!

文字を読む目の動きにこだわった、読者の”読みやすさ”を重視したふきだし配置です。

吹き出しを左右ではなく「アイコンの下」に配置することで、視線の移動がスムーズになります。あえて単調なデザインにし、文字の読みやすさを優先しました。

ぽりぷ

吹き出しを左右で交互に利用すると
読者の目線が散ってしまいます。

ぽりぷ

文字を読む目線は、Zの形で流れるのが理想ですが、吹き出しを左右に配置すると「Z」が崩れ、目線の動きが散ります。

ふきだしを変えるだけで読みやすさが改善される
目線の動き(吹き出しが下の場合)
自然に読める吹き出し
目線の動き(左右吹き出しの場合)
ストレスが溜まるふきだし
ぽりぷ
文字は左から右に読まれます。
ぽりぷ
目は文字を読むために左に戻ります。

tearsでは、ストレスなく読める視線配置を意識した吹き出しコードを用意しました。

コード
[prpsay img="url" name="名前"]コメント[/prpsay]

FontAwesome5に対応

fontawesome5対応

SANGOは、FontAwesome4.7 が標準です。PORIPU tearsでは、アイコンが豊富に使える「FontAwesome5」に対応しました。

利用できるアイコンが増えるので、表現が広がります。ランキングで利用している王冠のアイコンも、FontAwesome5を利用しています。

デザイン追加

ハンバーガーメニューに名前追加
検索内にテキスト追加

ブログ運営者にとっては「当たり前」と思うことも、読者は認識できない場合があります。アイコンがその例です。そういった方のための「解説」用デザインを追加しました。

SANGOユーザーの方々が行っていた素晴らしい着想のカスタマイズです。必須レベルだと思いましたので、PORIPUにも追加させていただきました。

スクロールで固定されるヘッダーバー

SANGO固定ヘッダー

SANGOにはヘッダーに検索バーが用意されています。この検索バーをうまく活用するために、読者にストレスを与えない固定ヘッダーを用意しました。

PORIPUの固定ヘッダーは、スクロールすると縮小されて表示されます。設定はカスタマイザーでワンクリックでできるようにしています。

ロゴ上に、サイトの「キャッチフレーズ」も挿入できます。

管理画面も使いやすく(通常版にも追加しました)

tears管理画面の追加項目

  • アイキャッチ画像の表示
  • ページIDの表示
  • 閲覧数の表示
  • 投稿画面に管理用メモボックスを追加

一覧画面に追加

サムネイル・閲覧数・記事IDを表示するようにしました。(未登録の記事サムネイルにはPORIPUのロゴが表示されます)

一覧画面で得る情報を増やしました。判断を早めましょう。

記事IDが一覧表示されるので、以下のSANGO用入力補助プラグインも使いやすくなります。

SANGO入力補助プラグイン(外部リンク)

投稿画面に追加
ポリプの管理画面用メモボックス
※こちらは通常版へも追加しました

狙うクエリ(キーワード)や検索ボリューム数、今後のリライトの予定など、記事の施策をメモボックスに書き込んで使います。

もちろんこのmemoはサイトには公開されません。

アフィリエイト版PORIPU tears

ぽりぷ
ちなみに、tearsは真珠(=人魚の涙)って意味だよ。tears(涙)だよ!

3 COMMENTS

アバター PORIPU愛用者

すいません、このtearsが発表される前に購入したPORIPUから差額を払えば、tearsにアップグレードが可能ですか?
BOOTHには「※通常版からtearsへの差分購入はありません。購入の際はお気をつけ下さい。」と書かれていましたので。

返信する
ぽりぷ ぽりぷ

すでに購入されている方は無償でアップデートすることにしました。
ダウンロード画面からご利用ください!

返信する
アバター うっしー

いつも大変お世話になります。

以前、インフィード広告の件でお問い合わせしたうっしーです。

その後も本当にありがたく使わせていただいております。

ブログを触るのが久しぶりに楽しいです。(記事そっちのけでいじってます・・・)

ひとつお聞きしたいことがありご連絡させていただきました。

先日Twitterで吹き出しがアイコンの下にある方が見やすいとの意見があり、私も導入しようと考えたのですが、こちらでご紹介されている「目線の動きを意識したふきだし」はアイコンを右に配置することはできませんか?

主旨が目の導線なので、本来アイコンも右にない方がいいと思うのですが、デザイン的に右にアイコンがあった方が対話している感ががあって私はいいなと感じています。

アイコンの下に吹き出しは配置しつつ、アイコンを左右に配置する方法があればご教授いただけると幸いです。

お忙しいところ申し訳ございませんが、どうぞよろしくお願いします。

返信する

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です