SLPRO Xで「アプリ」と「商品」を「するぷろーら」を使って効率的に紹介する方法!

おっす!モブログ隊の部長ナビ(@nabi_1080)だ!(隊長はするぷ師匠)

今日もiPhoneによるSLPRO Xの使い方を紹介だ!

議題は「アプリと商品のリンクをSLPRO Xでサクサクやろう!」だ。もちろん、登場するのは「青いアイツ」、そうだ「するぷろーら」だ!アイツはヤバいぜ!

じゃ、モブログの世界にGO!

スポンサーリンク

まずは、青いアイツを呼び出せ!カモン!するぷろーら!

IMG_2832

アプリ紹介と商品紹介は、すべて「するぷろーら」から行う

よって、左の写真にあるように、地球儀マークをタップして、するぷろーら起動だ!一瞬だけ青いアイツのアイコンが画面に出る!もちろんスクリーンショットなど無理だ!青いアイツに会いたければ、自分の目で刮目せよ!

右の写真にあるように、事前に「ブックマーク登録」で「Sticky」を一度開いて、ブックマークに登録しておいてくれ。Safariのブックマークでは無く、するぷろーらのブックマークだ。で、それを選択だ!

まずは、Sticky、行ってみよう!

IMG_2833

一番大切なのは「アフィリエイトトークン」を、下の方にある記入欄に記入して「保存」をタップすることだ。コレについては今回は省略するので、調べて欲しい。今回はあくまで「使い方」を紹介するぞ!

まず、検索欄で、紹介したいアプリを入力する。

右の方でジャンルを選ぶ。

「SLPRO X」なんてアルバムがあるわけないだろうが!青いアイツが歌うとでも言うのか!このたわけが!

ちゃんと「iOSアプリ」をチョイスするんだ!間違えるな!

IMG_2834

検索をタップすると、アプリの中から探してくれるので、右の写真のように、紹介したいアプリを見つけたら、右の端にある超絶わかりづらい「選択ボックス」にチェックを入れる。ああ。わかりづらすぎるのがポイントだ!

男を試すには、これくらいの大きさがジャストだ!試練を乗り越えてこそのアプリ紹介だ!負けるな!

IMG_2835

下の方に行くと、「コード作成」があるので、「アフィリエイトトークン」が入力されていることを確認して、タップだ!

すると、さらに下にコードが出て来るので、それをタップするんだ!

IMG_2836

タップすると入力モードになるので、長押しして「全選択」を選んでくれ。その後、右にあるように、「コピー」をチョイスだ!

次が難しいが、頑張ってくれ!

IMG_2837

コピーが終わったら、SLPRO Xに戻るのだが、右上の共有アイコンをタップすると、SLPRO Xが出てくるので、それを選ぶと戻れるぞ!

なお、だいぶ右の方にSLPRO Xが出る場合の対処法は次の通りだ!

IMG_2838

SLPRO Xが右の方にある場合は、いちいちスクロールが面倒なので、右端にある「その他」を選んで設定だ!

右の写真のとおり、下の方にあるであろう「SLPRO X」の右「横三本線」をググーッと上にドラッグしてくれ。これで、共有アイコンをタップした時に、すぐに見える位置に出るようになる

青いアイツ(するぷろーら)と、金色のコイツ(SLPRO X)の距離を縮める大切な儀式だ!共に歩んでいく大事な仲間を大切にしろ!

SLPRO Xに戻って貼り付けだ!

IMG_2839

コレが最大のポイントだ。

するぷろーらから戻ってきたら、貼り付けたい場所を長押ししてメニューを出し、必ず「HTML貼付」をチョイスだ!普通に貼るのでは無く「HTML貼付」だ!ここを間違えるな!

右の写真は、Stickyの枠を紹介した時に問い合わせの多かった「下に余計な行が挿入される」という問題を解決するための「br style=“clear:left;” /“」を表示してみた。ここを< >ごと削除すると、下に余計なスペースが出ないみたいだ。理由はよくわからんがウチでもそうしているので参考にして欲しい。ただ消すだけだ!その後ろの「/div」は消してはダメだ!ここを消すと大変なことになる。「br style」だけを丸ごと消してくれ!

Stickyをカスタマイズして、アプリ、ミュージックを紹介しよう!WordPress用CSSコードを紹介だ!
Stickyをカスタマイズして、アプリ、ミュージックを紹介しよう!WordPress用CSSコードを紹介だ!
色々さまよってた部長ナビ(@nabi_1080)です アプリ紹介、曲紹介、映画紹介、色々あります。たくさんカスタマイズに挑戦して跳ね返...

コレがStickyのカスタマイズについてまとめた記事だ。色を変えるなどして、オリジナルな紹介をぜひして欲しい!

次は、「カエレバ」での商品紹介方法だ!

IMG_2840

まずは、するぷろーらでStickyと同じように、ブックマークから「カエレバ」を呼び出す。

そして、キーワード検索だ!

IMG_2841

カエレバも同様に、アフィリエイトIDを入力する。今回は使い方だけを紹介するので、Amazonアフィリエイト等の登録の仕方は各自宿題とする!

今回「ITG PRO Plus」という、当ブログの公式ガラスフィルムを検索するが、コレだと出なかったので「ITG PRO」で検索し直した。キーワードをいくつか変えるとウマく出るので注意だ!

1回くらい「見つかりませんでした」と言われても泣くんじゃ無い!根気強く検索だ!前を向くんだ!俺たちには、SLPRO Xとするぷろーらが付いてる!ああ!一人じゃ無いんだ!涙を拭いて前を向け!

なお、入力の隣に「Amazon」とあるが、ここは「楽天」「Yahoo!ショッピング」も選べる。しかし、Amazonが圧倒的に商品数が多いそうなので、基本的にAmazonで検索すると良いみたいだ。もちろん、楽天や、Yahoo!ショッピングにしか無い商品の場合は、ここを変更することになるので注意だ!

IMG_2842

商品が出てきたら、該当商品の下にある「ブログパーツを作る」を選択だ

右の写真にあるが、Amazonのリンクを紹介したい時は、Amazonにチェックを入れるのを忘れてはダメだ!例えば、楽天にしか無い商品の場合に、Amazonにチェックを入れても、何の意味も無い。さらに、楽天のアフィリエイトIDを持っていないのに、楽天にチェックを入れてリンクを紹介しても、コレも何の意味も無い。

ここの「どこの紹介リンクを貼るのか」は非常に重要だ。アフィリエイトIDを登録していないモノは横線(打ち消し線)が入るはずだ。私はAmazon、楽天、Yahoo!ショッピングでIDを持っているので、3つ選べると言うことだ。商品に応じて、ここのチェックを変えることになるので細心の注意を払ってチェックするんだ!

チェックが終わったら、ボックス内のコードをコピーするので、タップだ!

IMG_2843

コードをコピーしたら、Sticky同様に、共有ボタンからSLPRO Xを選んで戻るぞ!

そして、Sticky同様に「HTML貼付」をチョイスだ!ここを間違えるな!大丈夫だ!もう、一人でできるはずだ!

最後に、アップして、リンクを確認だ!必ず確認だぞ!

最後に、記事を確認したら、自分でアクセスして、正しく表示されているか、必ずチェックだ!

IMG_2844

まず、Stickyは左の写真だ。

オーケー!バッチリだぜ!

続いて、カエレバが右の写真だ!

オーケー、こっちも完璧だ!

こんな感じで、ガシガシ商品リンクを作ることができる!

なお、カエレバについては、私の方でだいぶCSSを使って表示をカスタマイズしている。基本はヨッセンスさんのサイトを見て欲しい。

ちなみに、「Sticky」と「カエレバ」は私が使っているから紹介しているだけで、あかめさん(モブログの女王)なんかは、「AppHtml」というモノを使っていて、その紹介もしている。他にも色々と紹介のリンクメーカーはたくさん存在するので、色々試して、自分にあったモノをチョイスして欲しい!「絶対コレじゃないとダメ」なんてモノはない。モブログは自由だ!場所も自由!姿勢も自由!時間も自由!iPhoneでブログが更新出来るので全てが自由だ!ぜひ、自分にベストな方法でアプリ、商品を紹介して欲しい!

最後に俺たちの心の友、アイツらを紹介だ!

今日はここまでだ!こんな素敵なアプリを作ってくれたするぷ師匠に感謝だぜ!アディオス!

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

この記事の関連カテゴリ

サイト内検索