<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>その他のカスタマイズ | アメブロメーカー</title>
	<atom:link href="https://nk-media.org/category/customize/%E3%81%9D%E3%81%AE%E4%BB%96%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA/feed/" rel="self" type="application/rss+xml" />
	<link>https://nk-media.org</link>
	<description></description>
	<lastBuildDate>Sat, 14 Aug 2021 15:25:33 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.3.8</generator>

<image>
	<url>https://nk-media.org/wp-content/uploads/2023/04/cropped-amekuma01-32x32.png</url>
	<title>その他のカスタマイズ | アメブロメーカー</title>
	<link>https://nk-media.org</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">182339089</site>	<item>
		<title>【簡単】アメブロでのQRコードの作り方・貼り付け・表示方法</title>
		<link>https://nk-media.org/qr/</link>
					<comments>https://nk-media.org/qr/#respond</comments>
		
		<dc:creator><![CDATA[あめっくま先生]]></dc:creator>
		<pubDate>Fri, 04 Sep 2020 03:58:15 +0000</pubDate>
				<category><![CDATA[その他のカスタマイズ]]></category>
		<category><![CDATA[ツール]]></category>
		<category><![CDATA[テクニック]]></category>
		<category><![CDATA[デザイン]]></category>
		<category><![CDATA[売上UP]]></category>
		<guid isPermaLink="false">https://nk-media.org/?p=2813</guid>

					<description><![CDATA[この記事の特徴 重要度 難易度 備考 アメブロにQRコードを表示する方法と、あなたのアメブロURL自体をQRコード化する手順です。効果的な使い方も合わせて確認しておきましょう。 この記事では、アメブロでのQRコードの作り [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="level-before">この記事の特徴</p>
<table class="level">
<tbody>
<tr>
<td>重要度</td>
<td><span class="rating-star"><span class="fa fa-star" aria-hidden="true"></span><span class="fa fa-star" aria-hidden="true"></span><span class="fa fa-star" aria-hidden="true"></span><span class="fa fa-star-o" aria-hidden="true"></span><span class="fa fa-star-o" aria-hidden="true"></span><span class="rating-number">3.0</span></span></td>
</tr>
<tr>
<td>難易度</td>
<td><span class="rating-star"><span class="fa fa-star" aria-hidden="true"></span><span class="fa fa-star" aria-hidden="true"></span><span class="fa fa-star-o" aria-hidden="true"></span><span class="fa fa-star-o" aria-hidden="true"></span><span class="fa fa-star-o" aria-hidden="true"></span><span class="rating-number">2.0</span></span></td>
</tr>
<tr>
<td>備考</td>
<td>アメブロにQRコードを表示する方法と、あなたのアメブロURL自体をQRコード化する手順です。効果的な使い方も合わせて確認しておきましょう。</td>
</tr>
</tbody>
</table>
<p>この記事では、<strong>アメブロでのQRコードの作り方や活用方法を紹介します</strong>。</p>
<p>アメブロに下記のようなQRコードを表示しておくと、他ページへの誘導などに使えますよね。</p>
<p><img decoding="async" src="https://nk-media.org/wp-content/uploads/2020/10/QR_ame01.png" alt="アメブロにQRコードを作成する" width="186" height="186" class="aligncenter size-full wp-image-2814" srcset="https://nk-media.org/wp-content/uploads/2020/10/QR_ame01.png 186w, https://nk-media.org/wp-content/uploads/2020/10/QR_ame01-150x150.png 150w, https://nk-media.org/wp-content/uploads/2020/10/QR_ame01-100x100.png 100w" sizes="(max-width: 186px) 100vw, 186px" /></p>
<p>特にパソコンでブログを見ている人に有効です。</p>
<p>また対面でのビジネスの場合、あなたのアメブロURLをQRコードにして名刺などに貼り付けておくとブログへの誘導をしやすくなります。</p>
<p>「アメブロから誘導」「アメブロへの誘導」、どちらでも有効に使えます。</p>
<div class="speechR spR_orange">
<div class="person">
<div class="icon"><img decoding="async" src="https://nk-media.org/wp-content/uploads/2020/09/kumasuke01-84px.png" alt="" width="84" height="84" class="aligncenter size-full wp-image-114" /></div>
<div class="name">くますけ</div>
</div>
<div class="say">
アメブロでQRコードを使うと便利になるんだね。
</div>
</div>
<div class="speechL spL_orange">
<div class="person">
<div class="icon"><img decoding="async" src="https://nk-media.org/wp-content/uploads/2020/09/amekuma04-84px.png" alt="" width="84" height="84" class="aligncenter size-full wp-image-59" /></div>
<div class="name">あめっくま</div>
</div>
<div class="say">
簡単に作れるから、導入するといいよ。
</div>
</div>

  <div id="toc" class="toc tnt-number-detail toc-center tnt-number_detail border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">アメブロでのQRコードの作り方</a><ol><li><a href="#toc2" tabindex="0">QRコードの作成・取得</a></li><li><a href="#toc3" tabindex="0">QRコードを貼り付けて表示させる</a></li></ol></li><li><a href="#toc4" tabindex="0">アメブロでのQRコード活用法</a><ol><li><a href="#toc5" tabindex="0">LINEのQRコードを貼る</a></li><li><a href="#toc6" tabindex="0">アメブロURLをQRコード化して使う</a></li></ol></li></ol>
    </div>
  </div>

<h2><span id="toc1">アメブロでのQRコードの作り方</span></h2>
<p>アメブロにQRコードを貼り付けるのは、とても簡単です。</p>
<p>手順を確認しておきましょう。</p>
<p>&nbsp;</p>
<h3><span id="toc2">QRコードの作成・取得</span></h3>
<p>提供しているサービスの申込ページなど、誘導したいサイトのURLをQRコード化します。</p>
<p>「<a rel="noopener" target="_blank" href="https://qr.quel.jp/">QRのススメ</a>」というサイトで、サクッと無料取得できます。（<a rel="noopener" target="_blank" href="https://qr.quel.jp/">QRのススメはこちら</a>）</p>
<p>サイトを開き、下記のように誘導するページのURLを貼り付けて「OK」をクリックして下さい。</p>
<p><img decoding="async" loading="lazy" src="https://nk-media.org/wp-content/uploads/2020/10/QR05.png" alt="アメブロに設置するQRコードを取得する" width="800" height="143" class="aligncenter size-full wp-image-2819" srcset="https://nk-media.org/wp-content/uploads/2020/10/QR05.png 800w, https://nk-media.org/wp-content/uploads/2020/10/QR05-300x54.png 300w, https://nk-media.org/wp-content/uploads/2020/10/QR05-768x137.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></p>
<p>&nbsp;</p>
<p>下記のように、すぐにQRコードを取得できます。（色やサイズなども調整可）</p>
<p><img decoding="async" loading="lazy" src="https://nk-media.org/wp-content/uploads/2020/10/QR06.png" alt="QRコードを作成できた" width="450" height="862" class="aligncenter size-full wp-image-2820" /></p>
<p>「ダウンロード」をクリックして、一旦PCに保存しましょう。</p>
<div class="speechR spR_orange">
<div class="person">
<div class="icon"><img decoding="async" src="https://nk-media.org/wp-content/uploads/2020/09/kumasuke01-84px.png" alt="" width="84" height="84" class="aligncenter size-full wp-image-114" /></div>
<div class="name">くますけ</div>
</div>
<div class="say">
QRコードは簡単に作れるんだね。
</div>
</div>
<p>&nbsp;</p>
<h3><span id="toc3">QRコードを貼り付けて表示させる</span></h3>
<p>続いてアメブロにQRコードを貼り付けます。</p>
<h4>記事に貼り付け</h4>
<p>QRコードを記事に設置する方法は、画像を貼り付けと同じです。</p>
<p>最初にQRコードをアップロードします。</p>
<p><img decoding="async" loading="lazy" src="https://nk-media.org/wp-content/uploads/2020/10/QR07.png" alt="QRコードをアメブロにアップロード" width="800" height="312" class="aligncenter size-full wp-image-2827" srcset="https://nk-media.org/wp-content/uploads/2020/10/QR07.png 800w, https://nk-media.org/wp-content/uploads/2020/10/QR07-300x117.png 300w, https://nk-media.org/wp-content/uploads/2020/10/QR07-768x300.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></p>
<p>&nbsp;</p>
<p>あとはアップロードしたQRコードをクリックして、記事に貼り付けるだけ。</p>
<p><img decoding="async" loading="lazy" src="https://nk-media.org/wp-content/uploads/2020/10/QR08.png" alt="QRコードをアメブロの記事に貼り付け" width="800" height="240" class="aligncenter size-full wp-image-2828" srcset="https://nk-media.org/wp-content/uploads/2020/10/QR08.png 800w, https://nk-media.org/wp-content/uploads/2020/10/QR08-300x90.png 300w, https://nk-media.org/wp-content/uploads/2020/10/QR08-768x230.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></p>
<p>&nbsp;</p>
<p>これでQRコードが記事に表示されます。</p>
<div class="speechL spL_orange">
<div class="person">
<div class="icon"><img decoding="async" src="https://nk-media.org/wp-content/uploads/2020/09/amekuma04-84px.png" alt="" width="84" height="84" class="aligncenter size-full wp-image-59" /></div>
<div class="name">あめっくま</div>
</div>
<div class="say">
記事に画像を貼り付ける時と同じですね。
</div>
</div>
<h4>サイドバーやメッセージボードに貼り付け</h4>
<p>サイドバーやメッセージボードにQRコードを貼り付けることもできます。</p>
<p>この時に<b>QRコードのHTMLタグを使う</b>ので、先に取得しましょう。</p>
<p>下記のようにアメブロの記事作成画面で、QRコードを貼り付けて「HTML表示」に切り替えます。</p>
<p><img decoding="async" loading="lazy" src="https://nk-media.org/wp-content/uploads/2020/10/QR09.png" alt="QRコードをアメブロの記事に貼り付け" width="800" height="353" class="aligncenter size-full wp-image-2831" srcset="https://nk-media.org/wp-content/uploads/2020/10/QR09.png 800w, https://nk-media.org/wp-content/uploads/2020/10/QR09-300x132.png 300w, https://nk-media.org/wp-content/uploads/2020/10/QR09-768x339.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></p>
<p>&nbsp;</p>
<p>ここで画像（QRコード）のHTMLコードをコピーしておきます。</p>
<p><img decoding="async" loading="lazy" src="https://nk-media.org/wp-content/uploads/2020/10/QR10.png" alt="" width="800" height="180" class="aligncenter size-full wp-image-2832" srcset="https://nk-media.org/wp-content/uploads/2020/10/QR10.png 800w, https://nk-media.org/wp-content/uploads/2020/10/QR10-300x68.png 300w, https://nk-media.org/wp-content/uploads/2020/10/QR10-768x173.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></p>
<p>&nbsp;</p>
<p>ちなみに<b>&lt;img～&gt;のタグがQRコードの画像データ</b>です。その他の部分は不要です。</p>
<p>サイドバーやメッセージボードにこの&lt;img～&gt;のタグを貼り付ければ、QRコードが表示されます。（サイドバーの場合はフリースペースを利用）</p>
<div class="speechL spL_orange">
<div class="person">
<div class="icon"><img decoding="async" src="https://nk-media.org/wp-content/uploads/2020/09/amekuma04-84px.png" alt="" width="84" height="84" class="aligncenter size-full wp-image-59" /></div>
<div class="name">あめっくま</div>
</div>
<div class="say">
&lt;img～&gt;のタグを貼り付ければOKです。
</div>
</div>
<p>&nbsp;</p>
<h2><span id="toc4">アメブロでのQRコード活用法</span></h2>
<h3><span id="toc5">LINEのQRコードを貼る</span></h3>
<p>アメブロの記事にLINEへの誘導ボタンを貼っている人も多いですよね。</p>
<p>必ず<b>LINEのQRコードも一緒に載せておきましょう</b>。</p>
<p>パソコンでブログを見た人の場合、QRコードがあればスマホを取り出してすぐに友達追加できます。</p>
<p><img decoding="async" loading="lazy" src="https://nk-media.org/wp-content/uploads/2020/10/QR15.png" alt="" width="706" height="339" class="aligncenter size-full wp-image-2847" srcset="https://nk-media.org/wp-content/uploads/2020/10/QR15.png 706w, https://nk-media.org/wp-content/uploads/2020/10/QR15-300x144.png 300w" sizes="(max-width: 706px) 100vw, 706px" /></p>
<p>&nbsp;</p>
<p>ボタンしかないと友達追加したくても、スマホで同じ記事を立ち上げる手間が出ますよね。</p>
<p>手間がかかれば、友達追加される確率は下がります・・・</p>
<div class="speechR spR_orange">
<div class="person">
<div class="icon"><img decoding="async" src="https://nk-media.org/wp-content/uploads/2020/09/kumasuke01-84px.png" alt="" width="84" height="84" class="aligncenter size-full wp-image-114" /></div>
<div class="name">くますけ</div>
</div>
<div class="say">
パソコンでブログを見る人のことも考えてブログを作った方がいいんだね。
</div>
</div>
<p>&nbsp;</p>
<p>ブログをスマホで見る人が多いですが、パソコンの読者も2～3割はいます。</p>
<p><b>LINEボタンのみだと、2～3割の顧客を取りこぼしている状態</b>ということですね。</p>
<p>LINEのボタンだけしか載せていない人が多いので、忘れずにQRコードも使いましょう。</p>
<div class="speechL spL_orange">
<div class="person">
<div class="icon"><img decoding="async" src="https://nk-media.org/wp-content/uploads/2020/09/amekuma04-84px.png" alt="" width="84" height="84" class="aligncenter size-full wp-image-59" /></div>
<div class="name">あめっくま</div>
</div>
<div class="say">
LINEボタンとQRコードはセットで使って下さいね。
</div>
</div>
<p>&nbsp;</p>
<h3><span id="toc6">アメブロURLをQRコード化して使う</span></h3>
<p><b>あなたのアメブロURLをQRコードにして、ブログへの集客に使えます</b>。</p>
<p>名刺やチラシなどの配布物にQRコードを貼り付ければ、スマホでURLを打ち込む必要がありません。</p>
<p><img decoding="async" loading="lazy" src="https://nk-media.org/wp-content/uploads/2020/10/QR13.png" alt="名刺などにアメブロURLのQRコードを載せる" width="514" height="250" class="aligncenter size-full wp-image-2843" srcset="https://nk-media.org/wp-content/uploads/2020/10/QR13.png 514w, https://nk-media.org/wp-content/uploads/2020/10/QR13-300x146.png 300w" sizes="(max-width: 514px) 100vw, 514px" /></p>
<p>スマホでURLを打ち込むのは面倒なので、QRコード化して顧客に渡せばブログに誘導しやすくなります。</p>
<p>もちろんLINEのQRコードを載せるのもいいですね。</p>
<p>顧客に渡すものに集客目的のQRコードを掲載しておくのは、とても重要です。</p>
<div class="speechL spL_orange">
<div class="person">
<div class="icon"><img decoding="async" src="https://nk-media.org/wp-content/uploads/2020/09/amekuma04-84px.png" alt="" width="84" height="84" class="aligncenter size-full wp-image-59" /></div>
<div class="name">あめっくま</div>
</div>
<div class="say">
少しの工夫で集客をUPできますね。
</div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://nk-media.org/qr/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2813</post-id>	</item>
	</channel>
</rss>
