ネコ部長のお役立ちブログ

         明日から活かせる知識・話題など何かのお役に立つブログです

【アプリリンク】紹介したいアプリのリンクを簡単にはてなブログに貼る方法

スポンサーリンク

f:id:nekobuchou:20190922190352p:plain

 

こんにちはネコ部長です。

ブログ記事に便利なアプリを紹介したい時などに、簡単にアプリのリンクを貼る
方法があればとても助かりますよね。

 

 

今回は、紹介したいアプリのリンクを簡単にはてなブログに貼る方法を紹介します。

アプリーチ

アプリのリンクに 使用するサイトが「アプリーチ」です。

 

mama-hack.com

 

これを使用すると、とても簡単にアプリのリンクを貼ることができるのです。

ちなみにこんな感じになります。

 

はてなブログ
はてなブログ
開発元:株式会社はてな
無料
posted withアプリーチ
このように、App StoreとGoogle Playを同時に掲載することができます。
もちろん、どちらかだけを表示するといったこともできるので安心です。

使い方

 使い方はとても簡単です。

それではまず、アプリーチのサイトにアクセスしましょう。 

1.アプリを探す

 ブログパーツ作成のところで、探したいアプリ名を検索バーに入力して、

検索します。するとiPhoneアプリとAndroidアプリの結果が表示されます。

試しに「はてなブログ」のアプリを検索してみます。

 

f:id:nekobuchou:20190922193805p:plain

 

このように表示されましたが、アプリによってはどちらかしか扱いがない

場合もあるので注意してください。

 

試しに「CTime」で探してみると、こんな感じになります。

 

f:id:nekobuchou:20190922195208p:plain

 

ちなみに「CTime 」はAndroidでは対応していないためこのようになります。

(2019年9月現在)

 

また「複数検索」をクリックすると、候補が表示されるので、そこからお求めの

アプリを探すこともできます。

 

f:id:nekobuchou:20190922195648p:plain

2.出力を設定する

アプリが選択できたら次は表示させるデザインを決めていきましょう。 

①表示リンク・・両方または、App StoreだけなのかGoogle Playだけなのかを選択

②タイトル・・タイトルの表示デザインをどちらかで選択

③アイコン画像・・アイコン画像のタイプをどちらかのデザインで選択

④開発元・・こちらは表示しておきましょう

⑤価格・・無料アプリであれば「無料」と表示されますが、非表示にもできます

⑥target="-blank"の付与・・どちらかを選択して下さい

 

f:id:nekobuchou:20190922200111p:plain

①~⑥を選択していけば、デザインも更新されていくので 確認しながら作成できます。

3.コードをHTML編集モードで 貼り付ける

デザインが決まったら、いよいよブログに表示させていきますが、出力設定が
できたらコードが出ているので、あとはそれをコピペするだけです。

この時に「新コード」と「旧コード」とありますが、私の場合(はてなブログ)、

旧コードを選択しないと表示がおかしなことになってしまうのでそちらを選択して

HTML編集モードでコピーしたコードを貼り付けたい場所にペーストします。

 

f:id:nekobuchou:20190922203250p:plain

上部に「PHGコード」「iPhoneリンク」「Androidリンク」がありますが、
ここには、それぞれの「アフィリエイトコード」を入れておけば、アプリを
クリックされると報酬が得られるようになります。詳しくはアフェリエイト
サイトで確認してください。

iTunes - アフィリエイトプログラム - Apple(日本)

※2019年9月現在、Google Playアフィリエイトはないみたいです。

 

これで、ブログにリンクを貼ることができました!

 

はてなブログ
はてなブログ
開発元:株式会社はてな
無料
posted withアプリーチ

f:id:nekobuchou:20190922190350p:plain

 

いかがでしょうか。

私も今まで、画像を貼ってそこにリンクを埋め込むなどのややこしいことを

していましたが、これさえあれば簡単にアプリのリンクを貼ることができます。

利用規約やその他詳しいことはアプリーチ運営サイトまでお願いします。

 

ご覧いただきありがとうございました。