MENU

ブログにアプリiPhone/Androidのリンク付きボタンを貌付ける方法

2020 5/14
ブログにアプリiPhone/Androidのリンク付きボタンを貌付ける方法

2019幎12月にブログを始めお早2か月が経過。独孊でなんずかWordPressで30蚘事を曞いおはみたものの、いただPVの延びに党く手ごたえを感じないこの頃。

たった2か月くらいで30蚘事皋床を曞いたずころで、ずプロガヌプロのブロガヌさんの方には錻で笑われそうですが、初心者でありサラリヌマンの私ずしおはそこそこ頑匵っおいる぀もりなのですが。。。汗

ずはいえ、どうしたものかず悩んでばかりもいられないので、ここは䞀぀、私ず同じようなブログ初心者の方がぶち圓たるであろうブログに関する様々な悩みに぀いお、私なりに解決できたものをこのブログで共有できたらず思い、「解決団」ずいうテヌマで始めたいず思いたす(^^♪

初回ずなる今回のテヌマは「玹介したいアプリのリンク付きボタンの貌り付け方」。

テレビや雑誌で玹介された有名な「アプリ」や友達から教えおもらった流行りの「アプリ」。䜿っおみおこのアプリを誰かに教えたいっお気持ちで、自分のブログで玹介したくなるこずっおありたせんか

そんなずき、ブログ䞊で盎接そのアプリをダりンロヌドできるボタンがあれば、ブログを芋おくれる方にずっおはずおも䟿利ですよね

そこで今回、ブログにアプリのリンク付きボタンを貌り付ける方法に぀いお解説したいず思いたす。

リンク付きアプリボタンは、iPhone甚ずAndroid甚の各専甚サむトからそれぞれのボタンコヌドを入手し、WordPressのテキストにコヌドを貌り付けるこずで生成するこずができたす。

たた各専甚サむトからiPhone甚ずAndroid甚のそれぞれのボタンコヌドの入手する以倖に、䞡ボタンのコヌドを同時に入手する方法もありたす。こちらも補足ずしお解説したす。

リンク付きアプリボタンをブログに貌り付ける手順

【手順①】iPhone甚ずAndorid甚のそれぞれの専甚サむトからアプリボタンのコヌドを入手

【手順②】入手したコヌドをWordPressのテキストに貌り付ける

この手順でリンク付きボタンをブログに貌り付けるこずができたす。それでは解説しおいきたす。

  • iPhoneアプリボタンのコヌドを「iTunes Link maker」で入手しブログに貌り付ける方法
  • Androidアプリボタンのコヌドを「Google Play badge page」で入手しブログに貌り付ける方法
  • 【補足】iPhoneずAndoridの䞡アプリボタンのコヌドを䞀括で入手しブログに貌り付ける方法




目次

iPhoneアプリボタンコヌドを入手しブログに貌り付ける【iTunes Link Maker】

WordPressでブログを始めたばかりの方でもわかるず思いたすが、広告や画像をブログに貌り付けるずきは必ずそれぞれの専甚コヌドを入手し、入手したコヌドをテキストに貌り付けたす。

アプリボタンの貌り付けに぀いおも同様で、そのアプリの専甚コヌドを入手しブログに貌るこずで可胜ずなりたす。

「iPhone甚」のアプリであれば、アップルが無償で提䟛しおいる「iTunes link maker」の公匏サむトからそのアプリのコヌドを入手し、ブログに貌り付けたす。

アップル無償のコヌド提䟛サむト「itunes link maker」のむメヌゞ以䞋のようなiTunes Link Makerのサむトが開きたす。

iTunes Link Makerサむトの画面

赀点線で囲った郚分の情報を倉曎したす。プルダりンメニュヌから遞択したす。

・囜たたは地域米囜 → 日本

・メディアタむプApple Music → App

プルダりンメニュヌから倉曎

次にアプリ名を入力したす。ここでは䟋ずしお「paypay」ず入力しおみたす。

iTunes Link makerでアプリ名を入力

するずアプリず、そのアプリのコヌドが衚瀺されたす。該圓するアプリをクリックしたす。

iTunes Link maker でアプリをクリック

 

そのアプリのコヌドが衚瀺されたす。

アプリボタンのコヌドが衚瀺

埋め蟌みコヌドず曞いおある方の「コヌド」を遞択しお、右クリックするず「コピヌ」のメニュヌが衚瀺されたす。コピヌを遞択したす。

アプリコヌドをコピヌ

次に、WordPressのテキストを開き、コヌドを貌り付けたす。

WordPressのテキストにコヌドを貌り付ける

ここで泚意点です。コヌドを貌り付けたあずに「ビゞュアル」に切り替えおしたうず、貌り付けたはずのコヌドは消えおしたいたす。

確認でビゞュアルに切り替えるずボタンがない

テキスト画面に切り替えるず、たしかに貌り付けたはずのコヌドが消えおいたす・・。

テキスト画面に切り替えるずコヌドが消えおいる

ですので、ビゞュアルずテキストを䜕床も切り替える可胜性があるずき、䟋えばただこれから䜕床も蚘事を修正する「䞋曞き」の段階では、「iTunes link maker」のサむトからのコヌド貌り付けはしない方がよいです。

「iTunes link maker」サむトからのコヌド貌り付けは、蚘事を公開する盎前に行いたしょう。

蚘事を公開する盎前に䞊蚘の方法でコヌドを貌り付ければ、このように正垞にアプリボタンを蚘事に貌り付けるこずができたす(^^♪ ↓↓↓↓↓↓䞋のボタンもこの蚘事を公開する盎前で䜜成したした。

 

Androidアプリボタンコヌドを入手しブログぞ貌り付ける方法【Google play badge page】

「Andorid甚」のアプリボタンのコヌドを入手するには、たずGoogle のアプリストアサむト「Google Play」を開きたす。

Google Playサむト

「Google Play」を開くず、巊䞊の怜玢枠にアプリ名を入力したす。入力埌、衚瀺されるアプリの䞭から該圓するアプリをクリックしたす。こちらも䟋ずしおpaypayず入力しおみたす。

Google play でアプリ名を入力

 

アプリを遞択するず、そのアプリ専甚のURLが画面巊䞊に衚瀺されたすので、このURLをコピヌしたす。

URLをコピヌ

次にGoogle甚アプリのコヌドを生成するサむト「Google Play badge page」を開きたす。

Google Play badge pageサむト

「Google Play badge page」を開いお、䞋の方ぞスクロヌルしたす。

Google Play badge page䞋スクロヌル

スクロヌルするず以䞋のような画面が衚瀺されたす。赀枠の堎所にそれぞれ以䞋の蚭定をしおください。

・Language 「English」 → Japanese ぞ倉曎

・Play Store URL: → Google Playサむトでコピヌした「URL」を貌り付ける。

Google Play badge pageでコピヌしたURLを貌り付ける

するず以䞋の画面の䜍眮にアプリの専甚コヌドが生成されたすので、そのコヌドをコピヌしたす。

生成されるアプリ専甚のコヌドをコピヌ

コピヌしたコヌドをWordPressのテキストに貌り付けるず、ビゞュアル画面の方にAndroid甚アプリのリンクボタンが䜜成されたす。

WordPressテキストにコヌドを貌る

 

WordPressのビゞュアル画面にボタンが生成される

䜜成されたアプリボタンのサむズは超倧きいので、マりスでボタンサむズを瞮小したしょう。

マりスでボタンサむズを調敎する

このように適切なサむズに調敎できたす。(^^♪

Google Play で手に入れよう

 

次に「iPhone甚」ず「Andorid甚」のそれぞれのアプリボタンのコヌドを同時にたずめお䜜成しおくれるツヌル「アプリヌチ」に぀いお解説したいず思いたす。



iPhoneずAndroidの䞡アプリコヌドをたずめお入手しブログぞ貌り付ける方法【アプリヌチ】

iPhone甚ずAndorid甚のアプリボタンのコヌドをそれぞれの専甚サむトから入手し貌り付ける、ずいう䜜業がそもそも面倒くさいず思う方もいるかず思いたす。

そんなずきは「アプリヌチ」ずいうツヌルを䜿うこずをおすすめしたす。「アプリヌチ」は、iPhone甚ずAndorid甚のアプリボタンのコヌドを同時に入手し、䞀床にiPhone甚ずAndorid甚のアプリボタンを生成するこずができるツヌルです。

「アプリヌチ」のサむトを開きたす。

アプリヌチサむト

アプリヌチを開き、アプリ名を入力し「怜玢」したす。䟋えばpaypayず入力

アプリヌチサむトでアプリ名を入力

次に画面を䞋にスクロヌルしたす。

アプリヌチ画面を䞋スクロヌル

スクロヌルするず、生成されたコヌドが衚瀺されおいたすので、コヌドをコピヌしたす。

アプリヌチ画面で生成されるアプリボタンコヌドをコピヌする

WordPressのテキストぞコヌドを貌り付けたす。

コピヌしたコヌドをWordPressテキストに貌り付ける

コヌドを貌り付けた埌にビゞュアル画面に切り替えるず以䞋のように䜜成されたアプリボタンのサむズが適切ではありたせん・・・・汗

WordPressビゞュアル画面に貌り付いたアプリボタンのサむズが倧きすぎる

ビゞュアル画面でそれぞれのボタンサむズをマりスで調敎したす。

アプリボタンサむズをマりスで調敎

ようやく適切なサむズになりたす。↓↓↓↓もちろんクリックしたらPayPayのアプリが開きたす。

PayPay-ペむペむ(キャッシュレスでスマヌトにお支払い)

PayPay-ペむペむ(キャッシュレスでスマヌトにお支払い)

たずめ

いかがでしたでしょうか。アプリをブログで玹介するずきはそれぞれの方法を是非詊しおみでください(^^♪

ちなみにどの方法も䜿わず、単玔にアプリボタンを画像ずしお貌り付け、そこにリンク先を蚭定する方法もありたす。これが䞀番簡単かも (^^♪

・iPhone甚アプリボタンの堎合。

リンク先は「iTunes Link Maker」の盎リンクを貌るリンク先は「iTunes Link Maker」から、「盎リンク」をコピヌしお、コピヌした盎リンクをリンク先ずしお貌り付けたす。

iTunes Link Makerの盎リンクのコヌドをコピヌ

 

・Andorid甚のアプリボタンの堎合。

画像ボタンに付けるリンク先はGoogle Playから

リンク先は「Google Play」から、アプリのURLをコピヌしお、コピヌしたURLをリンク先ずしお貌り付けたす。

Google PlayのURLをコピヌする




シンプル矎ず機胜性を䞡立させた、囜内最高峰のWordPressテヌマ『SWELL』

ブロック゚ディタヌ完党察応のWordPressテヌマ。
圧倒的な䜿い心地を远求し、日々進化しおいたす。

この蚘事を曞いた人

【幎霢】42æ­³
【性別】男性
【䜏たい】長厎県
【職業】病院 事務職
【趣味】映画鑑賞・カメラ・ガゞェット関連・筋トレ
【ブログ歎】 2019幎12月11日開蚭

コメント

コメントする

目次
閉じる