2019年11月2日スポンサーリンクブログってスマホで読む人が多いですよね?(私はいまだにPCですが)スマホアプリを紹介すること、ありますよね?(私は今日初めてしました)そんな時、AppleやGoogleが提供している『リンクバッジ』が便利です。この記事では、WordPressブログでスマホアプリを紹介するときに、iPhoneアプリやandroidアプリへのリンクを埋め込む方法をご紹介します。あなたのブログをまた1歩、使いやすいものにグレードアップさせましょう。ここでは、子供が長く遊んでいた『妖怪ウォッチぷにぷに』のリンクをWordPressブログに貼るという前提で説明を行います。Maker』からリンクを取得します。Maker』のサイトを開きます。図の赤枠の部分で、『日本』『App』を選択してください。国名・メディアタイプ名(青字の部分)をクリックすると選択肢が表示されます。3検索ボックスに『妖怪ウォッチぷにぷに』と入力する特に、『検索』ボタンはないので、入力後『Enter』キーを押すと検索してくれ、結果が表示されます。一瞬、2段表示されているように見えますが、上は『iPad』下は『iPhone』です。スマホアプリとして紹介するなら『iPhone』を選びましょう。4iPhoneAppの『妖怪ウォッチぷにぷに』を選びます『バッジ』・『テキストリンク』・『スモール・バッジ』が選べるようになっているので、『バッジ』を選びます。表示された埋め込みコードをコピーして、埋め込みたい場所に貼り付けるだけで、バッジが表示されるはずなのですが、どうもうまくいきません。そこで、『直リンク』のところに表示されているリンクをコピーしてください。コピーした『直リンク』を↓の「***」の部分に置き換えて、それから貼り付けてください。/></a>妖怪ウォッチぷにぷにの場合、こんな感じ↓になります。赤字にしたところが、埋め込みコードの下にある『直リンク』をコピーした部分です。/></a>5プレビューで表示を確認してみてください私も、『妖怪ウォッチぷにぷに』のリンクバッチを埋め込んでみました。androidアプリへのリンクを埋め込む方法androidアプリへのリンクは、Googleから提供されている『Googleバッジのページ』で作成することができます。Makerを開くはじめに、『Googleバッジのページ』のサイトを開きます。Googleバッジのページを開く推奨事項と禁止事項をしっかり読んでおきましょう2『バッジを入手する』を表示ページをスクロールするか、メニューの『バッジ作成ツール』をクリックすると、『バッジを入手する』が表示されます。3PlayストアURLを入力するGooglePlayストアで対象のアプリを検索し、URLを取得しておきます。2の画面の『PlayストアURL』に入力します。今回は、妖怪ウォッチぷにぷにを埋め込むつもりなので、次のURLをPlayストアURLに入力してみましょう。https://play.google.com/store/apps/details?id=com.Level5.YWP↓このように、「マーケティングにこのHTMLバッジを含めます」という欄にリンクコードが表示されます。43で表示されたコードを埋め込む表示されたコードはこちらです。src=”https://play.google.com/intl/ja/badges/images/generic/ja_badge_web_generic.png”/></a>5プレビューで表示を確認してみてください私も表示してみましたが、ちょっと(?)サイズが大きいので、iPhone用とサイズをそろえるために、imgタグにサイズを記載しておきましょう。width=”155′′/></a>修正後のイメージまとめせっかく誰かのためになる情報を提供するなら、少しでも使いやすい方が良いですよね。リンクを貼るだけでなく、QRコードをつけるとか、より分かりやすいリンクにするとか。これからも色々調べて、わかりやすいブログを作っていきたいです。私がWordPessを勉強し始めたころから、愛用している本はこちらです。コメントをキャンセルメールアドレスが公開されることはありません。付いている欄は必須項目です上に表示された文字を入力してください。みく)みくはじめまして。このサイトを運営しているしょうこです。目指すのを応援するブログです。仕事をしなくちゃと思っているものの、何をしたらよいかわからない人・一歩を踏み出す勇気のない人の背中を押すことができたら嬉しいです。