<?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/"
	>

<channel>
	<title>ブログ運営についての情報まとめ | ぶちくま創作ベース</title>
	<atom:link href="https://buchikuma.xyz/category/blog/blog-management/feed/" rel="self" type="application/rss+xml" />
	<link>https://buchikuma.xyz</link>
	<description>ゲームに課金して得た情報をゲーム記事に仕上げて、収益以上の課金をする無限機関サイトです。</description>
	<lastBuildDate>Fri, 22 Mar 2024 07:56:43 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://buchikuma.xyz/wp-content/uploads/2022/01/ぶちファビコン-1-100x100.png</url>
	<title>ブログ運営についての情報まとめ | ぶちくま創作ベース</title>
	<link>https://buchikuma.xyz</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">146137687</site>	<item>
		<title>ままはっくの「アプリーチ」がシンプルで使いやすい【カスタマイズ】</title>
		<link>https://buchikuma.xyz/mamahack-appreach/</link>
					<comments>https://buchikuma.xyz/mamahack-appreach/#comments</comments>
		
		<dc:creator><![CDATA[ぶちくま]]></dc:creator>
		<pubDate>Sat, 02 Jun 2018 01:49:15 +0000</pubDate>
				<category><![CDATA[ブログ運営]]></category>
		<guid isPermaLink="false">https://buchikuma.xyz/?p=573</guid>

					<description><![CDATA[どうも、ぶちくまです。 今日はかなり短めの記事になります。 INDEX アプリーチとはアプリーチを使ってアフィリエイトとも連携実際にアプリーチを表示するデザインをカスタマイズしたいときはぶちくま流カスタマイズJIN仕様が [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">どうも、ぶちくまです。</p>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p class="wp-block-paragraph">ままはっくの「アプリーチ」という、アプリ紹介ツールが使いやすいですよ。<br>時間に余裕があればカスタマイズやっちゃいます。<br>テーマがCocoonの方、AMPだと表示が崩れている可能性があるのでコード追記しておきましたよ。</p>
</div>



<p class="wp-block-paragraph">今日はかなり短めの記事になります。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">INDEX</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">アプリーチとは</a><ol><li><a href="#toc2" tabindex="0">アプリーチを使ってアフィリエイトとも連携</a></li></ol></li><li><a href="#toc3" tabindex="0">実際にアプリーチを表示する</a><ol><li><a href="#toc4" tabindex="0">デザインをカスタマイズしたいときは</a></li><li><a href="#toc5" tabindex="0">ぶちくま流カスタマイズ</a></li><li><a href="#toc6" tabindex="0">JIN仕様がベースなのでいらないコード多い</a></li><li><a href="#toc7" tabindex="0">ボタンって光らせる意味あるの</a></li></ol></li><li><a href="#toc8" tabindex="0">アプリーチをAMP対応させてみた</a><ol><li><a href="#toc9" tabindex="0">コピペで簡単！AMP用アプリーチCSSコード</a></li><li><a href="#toc10" tabindex="0">&nbsp;カスタマイズするなら価格表示の色</a></li><li><a href="#toc11" tabindex="0">周囲を囲うならborderの調整を</a></li></ol></li><li><a href="#toc12" tabindex="0">アプリーチに出会えて個人的に思ったこと</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">アプリーチとは</span></h2>



<p class="wp-block-paragraph">「ままはっく」が提供している、スマホアプリを紹介するブログパーツを簡単に作ってくれるツールになります。</p>



<div class="speech-wrap sb-id-16 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ぶちくま圧縮.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p><span class="red">簡単に言えば、アプリの「カエレバ」</span>みたいなもんです。</p>
</div>
</div>



<p class="wp-block-paragraph">何がいいって、iPhoneとAndroidの、どちらも表示できること、さらに、ブログパーツ自体がすっきりとしたデザインで、使いやすいこと。</p>



<p class="wp-block-paragraph">これにつきます。</p>



<p class="wp-block-paragraph"><span class="badge badge-green"><a rel="noopener" target="_blank" class="docs-creator" href="http://mama-hack.com/app-reach/">http://mama-hack.com/app-reach/</a></span></p>



<h3 class="wp-block-heading"><span id="toc2">アプリーチを使ってアフィリエイトとも連携</span></h3>



<p class="wp-block-paragraph">今回はアフィリエイトを利用してみました。</p>



<p class="wp-block-paragraph">アプリーチのいいところは、各アフィリエイトのリンクに差し替えることができることですね。</p>



<p class="wp-block-paragraph">今回はアンドロイドにはアフィリエイトリンクに、iPhoneの方にはトークンコードを入れてみました。</p>



<p class="wp-block-paragraph">とても簡単ですね！</p>



<h2 class="wp-block-heading"><span id="toc3">実際にアプリーチを表示する</span></h2>



<p class="wp-block-paragraph">では、実際にアプリーチを表示していきたいと思います。</p>


<div class="appreach"><img decoding="async" src="https://is3-ssl.mzstatic.com/image/thumb/Purple128/v4/db/3a/de/db3ade94-2cde-20f7-2a2d-5a71c3fe1c4b/source/512x512bb.jpg" alt="【新作】ブラウンダスト(Brown Dust)" class="appreach__icon"><div class="appreach__detail"><p class="appreach__name">【新作】ブラウンダスト(Brown Dust)</p><p class="appreach__info"><span class="appreach__developper">NEOWIZ</span><span class="appreach__price">無料</span><span class="appreach__posted">posted with<a rel="nofollow noopener" target="_blank" data-atag-id="19" data-post-id="573" href="http://mama-hack.com/app-reach/" title="アプリーチ">アプリーチ</a></span></p></div><div class="appreach__links"><a rel="nofollow noopener" target="_blank" data-atag-id="19" data-post-id="573" href="https://t.adcrops.net/ad/p/r?_site=25661&amp;_article=40339&amp;_image=11525" class="appreach__aslink"><img decoding="async" src="https://nabettu.github.io/appreach/img/itune_ja.svg"></a><a rel="nofollow noopener" target="_blank" data-atag-id="19" data-post-id="573" href="https://t.adcrops.net/ad/p/r?_site=25661&amp;_article=40340&amp;_image=11526" class="appreach__gplink"><img decoding="async" src="https://nabettu.github.io/appreach/img/gplay_ja.png"></a></div></div>



<h3 class="wp-block-heading"><span id="toc4">デザインをカスタマイズしたいときは</span></h3>



<p class="wp-block-paragraph">「JIN」というテーマを作っている、最強アフィリエイターのひつじさんがCSSを配布してくれています。</p>



<p class="wp-block-paragraph">ぜひ、ご利用ください！（私がいうことではない）</p>




<a rel="noopener" target="_blank" href="http://hituji-affiliate.com/app-reach/" title="【コピペで完成】アプリーチのデザインCSS配布！全7種類用意したのでお好みをどうぞ｜ひつじアフィリエイト" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img decoding="async" src="https://s.wordpress.com/mshots/v1/http%3A%2F%2Fhituji-affiliate.com%2Fapp-reach%2F?w=160&#038;h=107" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="107" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【コピペで完成】アプリーチのデザインCSS配布！全7種類用意したのでお好みをどうぞ｜ひつじアフィリエイト</div><div class="blogcard-snippet external-blogcard-snippet">ここでは「アプリーチ」のデザインCSSを無料配布しています！ アプリーチってめちゃくちゃ便利なんですが、デフォルトデザインが少し簡素なので、「もっとオシャレに仕上げたい！」という人も多いのではないでしょうか？ TwitterTwitter,</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=https://hituji-affiliate.com/app-reach/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">hituji-affiliate.com</div></div></div></div></a>



<h3 class="wp-block-heading"><span id="toc5">ぶちくま流カスタマイズ</span></h3>



<p class="wp-block-paragraph">ほぼひつじCSSと同じですね（苦笑）いや、もとが優秀すぎて手の加えようがないと言いますか（言い訳）。</p>



<p class="wp-block-paragraph">ぶちくま風にボタンだけは光らせてみましたが、いかがでしょうか。</p>



<div class="speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/03/創作ベースアップルタッチ.png" alt="しろくまさん"></figure>
<div class="speech-name">しろくまさん</div>
</div>
<div class="speech-balloon">
<p>クリック、したくなりますか？</p>
</div>
</div>



<p class="wp-block-paragraph">「絶対クリックしねぇよ」という方であれば、「点滅する」以下を消してしまえばOK。</p>



<p class="wp-block-paragraph">あるいは、これは透明度をいじって光っているようにみせているだけなので、「opacity」という項目をいじると、光具合を調整することができます。</p>



<p class="wp-block-paragraph">50％のところを変えるだけでいいので、かなり楽チンな光らせ方になっています。</p>



<div class="wp-block-cocoon-blocks-toggle-box-1 toggle-wrap toggle-box block-box"><input id="toggle-checkbox-20210623160012" class="toggle-checkbox" type="checkbox"/><label class="toggle-button" for="toggle-checkbox-20210623160012">クリックでCSSを表示</label><div class="toggle-content">
<p class="wp-block-paragraph"></p>



<pre class="wp-block-preformatted">/**** アプリーチ ****/
 .appreach{
	 border-top:5px solid #043d78; /*上線の色*/ 
	 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.33); 
	text-align: left;
	padding: 25px;
	margin:20px;
	border-radius:4px;
	overflow: hidden;
} 
.widget .appreach {
    margin: 0;
}

.appreach:after {
	content: "";
	display: block;
	clear: both;
} .appreach img, .appreach p {
	margin: 0;
	padding:0;
}
.appreach a:after {
	display: none;
}
.appreach__icon {
	float: left;
	border-radius: 10%;
	overflow: hidden;
	margin: 0 3% 0 0 !important;
	width: 25% !important;
	height: auto !important;
	max-width: 120px !important;
}
.appreach__detail {
	display: inline-block;
	font-size: 20px;
	line-height: 1.5;
	width: 72%;
	max-width: 72%;
} 
.appreach__detail:after {
	content: "";
	display: block;
	clear: both;
}
p.appreach__name {
	font-size: 16px;
	color:#555;
	padding-bottom:10px;
	font-weight:bold;
	line-height: 1.5em !important;
	max-height: 3em;
	overflow: hidden;
}
.appreach__info {
	font-size: 12px !important;
	color:#888;
}
.appreach__info a{
	color:#aaa;
}
.appreach__developper, .appreach__price {
	margin-right: 0.5em;
}
span.appreach__price {color: #fb7272}
.appreach__posted a {
	margin-left: 0.5em;
}
.appreach__links {
	float: left;
	margin-top: 15px;
}
.appreach__aslink img {
	margin-right: 10px;
	height: 40px;
	width: 135px;
}
.appreach__gplink img {
	height: 40px;
	width: 134.5px;
}
@media only screen and (max-width: 786px){
	.appreach{
		margin:20px 0;
	}
	.appreach__info {
		font-size: 11px !important;
	}
	p.appreach__name {
		font-size: 15px;
	}
} 
/*アプリーチbutton点滅させる*/
.appreach__aslink img,.appreach__gplink img{
	animation: blink2 4s ease-in-out infinite normal;
	-webkit-animation: blink2 4s ease-in-out infinite normal;
	-moz-animation: blink2 4s linear ease-in-out normal;
	-o-animation: blink2 4s linear ease-in-out normal;
}
.appreach__aslink img:hover,.appreach__gplink img:hover{
	animation:none;
	-webkit-animation:none;
}
@keyframes blink2{
0%{ opacity: 1; }
50%{ opacity: 0.7;}
100%{ opacity: 1; }
}
@-webkit-keyframes blink2{
0%{ opacity: 1; }
50%{ opacity: 0.7;}
100%{ opacity: 1; }
}
@-moz-keyframes blink2{
0%{ opacity: 1; }
50%{ opacity: 0.7;}
100%{ opacity: 1; }
}
@-o-keyframes blink2{
0%{ opacity: 1; }
50%{ opacity: 0.7;}
100%{ opacity: 1; }
}</pre>
</div></div>



<h3 class="wp-block-heading"><span id="toc6">JIN仕様がベースなのでいらないコード多い</span></h3>



<p class="wp-block-paragraph">わたし自身はCocoonユーザーなので、JINの詳細な仕様は把握していませんが、わたしがみる限りではいらないコードが多くみられています。</p>



<p class="wp-block-paragraph">上のコードは大きくヒツジカスタマイズから変更していないので、JINユーザーでも利用できると思います。</p>



<h3 class="wp-block-heading"><span id="toc7">ボタンって光らせる意味あるの</span></h3>



<div class="speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/03/創作ベースアップルタッチ.png" alt="しろくまさん"></figure>
<div class="speech-name">しろくまさん</div>
</div>
<div class="speech-balloon">
<p>ボタンって光らせると何かいいことあるの？</p>
</div>
</div>



<div class="speech-wrap sb-id-16 sbs-stn sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/04/1-e1525273375348.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>個人的には無い方が目がチカチカしなくていいんだけど。</p>
<p>最近はユーザーはほぼスマホ利用者なので、リンクなのかどうかがわかりづらくなったんだよね。PCみたいにホバー（カーソルを合わせる）だけでわかるといいんだけど。</p>
</div>
</div>



<div class="speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/03/創作ベースアップルタッチ.png" alt="しろくまさん"></figure>
<div class="speech-name">しろくまさん</div>
</div>
<div class="speech-balloon">
<p>つまり、「これはリンクですよ」っていう合図っていうこと？</p>
</div>
</div>



<div class="speech-wrap sb-id-16 sbs-stn sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/04/1-e1525273375348.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>そうなることを期待して導入してみたけど、「光ってると、強引に誘導されているようで、逆に踏みたくなくなるわ！」とか、「なにこれ、怪しいサイトに連れてかれるんじゃないの」って感じる人もいるみたいよ。</p>
</div>
</div>



<div class="speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/03/創作ベースアップルタッチ.png" alt="しろくまさん"></figure>
<div class="speech-name">しろくまさん</div>
</div>
<div class="speech-balloon">
<p>つまり、好みの問題ってわけね。</p>
</div>
</div>



<h2 class="wp-block-heading"><span id="toc8">アプリーチをAMP対応させてみた</span></h2>



<p class="wp-block-paragraph">AMP対応も何も、AMP.CSSに貼り付けるだけではあるのですが。</p>



<p class="wp-block-paragraph">いつだかのCocoonアップデートに巻き込まれて表示が一部崩れていたので修正しがてら、AMPコードに関してはかなりシンプルに書き直しました。</p>



<div class="speech-wrap sb-id-19 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/喜び圧縮.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>晴れてぶちくまオリジナルコードになったわけですね！</p>
</div>
</div>



<p class="wp-block-paragraph">まぁ、個人的諸事情により、AMPのCSSコードは少しでも短くしたい都合があっただけなので胸を張っていうほどのことではないのですが。。。</p>



<h3 class="wp-block-heading"><span id="toc9">コピペで簡単！AMP用アプリーチCSSコード</span></h3>



<div class="wp-block-cocoon-blocks-toggle-box-1 toggle-wrap toggle-box block-box"><input id="toggle-checkbox-20210623155320" class="toggle-checkbox" type="checkbox"/><label class="toggle-button" for="toggle-checkbox-20210623155320">クリックでCSSを表示</label><div class="toggle-content">
<pre class="wp-block-preformatted">.appreach{border-top:5px solid #043d78;box-shadow:0 3px 5px rgba(0,0,0,.33);text-align:left;padding:15px;margin:10px;border-radius:4px;overflow:hidden}.appreach img,.appreach p{margin:0;padding:0}.appreach__icon{float:left;border-radius:10%;margin:0 3% 0 0}.appreach__detail{display:inline-block;line-height:1.5;width:67%;max-width:67%}span.appreach__price {color: #fb8b66}p.appreach__name{font-size:15px;color:#555;padding-bottom:10px;font-weight:700;line-height:1.5em;max-height:3em;overflow:hidden}.appreach__info{font-size:11px;color:#888}.appreach__info a{color:#aaa}.appreach__developper,.appreach__price{margin-right:.5em}.appreach__posted a{margin-left:.5em}.appreach__links{float:left;margin-top:15px}.appreach__aslink img{margin-right:10px;height:40px;width:135px}.appreach__gplink img{height:40px;width:134.5px}.appreach a{margin-right:5px}</pre>
</div></div>



<p class="wp-block-paragraph">だいぶぎゅっとしたコードなのはみていただければわかるかと思います。</p>



<h3 class="wp-block-heading"><span id="toc10">&nbsp;カスタマイズするなら価格表示の色</span></h3>



<p class="wp-block-paragraph">一応、ポイントだけ解説します。</p>



<p class="wp-block-paragraph">【span.appreach__price】というのが、価格表示のセレクタになっています。この部分に【color:好きな色】を入れると、価格表示を赤にしたりできます。</p>



<div class="speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/03/創作ベースアップルタッチ.png" alt="しろくまさん"></figure>
<div class="speech-name">しろくまさん</div>
</div>
<div class="speech-balloon">
<p>創作ベースでは文字のグレーに合わせて、薄い赤にしていますね。</p>
</div>
</div>



<p class="wp-block-paragraph">色など調整したいときは、<a rel="noopener" class="docs-creator" href="https://buchikuma.xyz/cocoon-customize-h/" target="_blank">初心者でもわかるディベロッパーツールの使い方として見出しのカスタマイズを紹介した記事</a>がわかりやすいかと思います。</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-ぶちくま創作ベース wp-block-embed-ぶちくま創作ベース"><div class="wp-block-embed__wrapper">

<a href="https://buchikuma.xyz/cocoon-customize-h/" title="【Cocoonカスタマイズ】超初心者でも自分好みに「見出し」を変える！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img decoding="async" width="160" height="90" src="https://buchikuma.xyz/wp-content/uploads/2018/05/cocoon見出しのアイキャッチ-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://buchikuma.xyz/wp-content/uploads/2018/05/cocoon見出しのアイキャッチ-160x90.jpg 160w, https://buchikuma.xyz/wp-content/uploads/2018/05/cocoon見出しのアイキャッチ-120x67.jpg 120w, https://buchikuma.xyz/wp-content/uploads/2018/05/cocoon見出しのアイキャッチ-320x180.jpg 320w, https://buchikuma.xyz/wp-content/uploads/2018/05/cocoon見出しのアイキャッチ-376x212.jpg 376w, https://buchikuma.xyz/wp-content/uploads/2018/05/cocoon見出しのアイキャッチ-250x141.jpg 250w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【Cocoonカスタマイズ】超初心者でも自分好みに「見出し」を変える！</div><div class="blogcard-snippet internal-blogcard-snippet">今回は無料のWordPressテーマで国内最高峰のクオリティの「Cocoon」を使った見出しのカスタマイズ方法を、これでもかってくらいに画像を使って説明してみました。ほぼ何もできない状態の初心者の方でも、きっと自由にカスタマイズできるくらいのわかりやすさを目指したつもりです。まずはその第一段階、Google Chromeのデベロッパーツールの使い方も説明しました。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://buchikuma.xyz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">buchikuma.xyz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2024.03.22</div></div></div></div></a>
</div></figure>



<h3 class="wp-block-heading"><span id="toc11">周囲を囲うならborderの調整を</span></h3>



<p class="wp-block-paragraph">今回のカスタマイズでは、上側だけを太めのborderの実線を引いてみました。</p>



<p class="wp-block-paragraph">囲いたい方は【.appreach】以下の【border-top】を【border】に変えることで四角く囲うことができます。線の太さなどは以下のプロパティの値を変更することで調整できます。</p>



<h4 class="wp-block-heading">刺繍みたいな可愛い感じにしたい</h4>



<div class="speech-wrap sb-id-16 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ぶちくま圧縮.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>たまに見かける、点々だけ色を変えて刺繍みたいな可愛い感じにしたいんだけど</p>
</div>
</div>



<p class="wp-block-paragraph">この記事で言うなら、CSSコード表示ボタンみたいな感じですね。見出しなんかでもよく使われている、汎用性の高いカスタマイズ事例ですね。</p>



<p class="wp-block-paragraph">これはbox-shadowというプロパティとの合わせ技でつくります。</p>



<div class="blank-box bb-tab bb-hint bb-blue">
<ol>
<li>borderで刺繍の糸部分の色を指定します。</li>
<li>borderの外側の部分は<span class="bold red">box-shadow</span>で影を引くことで追加します。</li>
<li>box-shadowの<span class="red">影の色を、backgroundと同じ色に指定</span>します。</li>
<li>box-shadowの影を好きなながさに調整します。</li>
</ol>
</div>



<p class="wp-block-paragraph">だいたい、こんな感じでつくっています。コードは、いつかカルーセルのCSSを載せた時に紹介しますね。（だいたいいつも後回し）</p>



<h2 class="wp-block-heading"><span id="toc12">アプリーチに出会えて個人的に思ったこと</span></h2>



<p class="wp-block-paragraph">戯言ですが。</p>



<p class="wp-block-paragraph">もともと少しでも集客に役立てばいいなぁ、と思って、先月からTwitter始めてみました。</p>



<p class="wp-block-paragraph">詳しいことは別記事で書きますが、Twitterの世界には、とにかくたくさんのブロガーがいて、今回の「アプリーチ」のように、存在も知らなかったものに気づけることができたのは、Twitterと、情報提供してくれたひつじさん、開発・提供してくれている、「ままはっく」のおかげなんだなぁ、としみじみ感じました。</p>



<p class="wp-block-paragraph">なんでわざわざこんなことを書くかというと、結論から言うと、ぶちくまのTwitter進出は失敗に終わったからです。</p>



<div class="speech-wrap sb-id-20 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ずーん圧縮.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>どうにもTwitterは肌に合いませんでした</p>
</div>
</div>



<p class="wp-block-paragraph">細かいことはいつか記事にします。</p>



<p class="wp-block-paragraph">とはいえ、情報収拾の場として、あるいはブロガー同士の交流の場として、Twitterってのはいいもんだ、と最近染み入るように感じたところでありました。</p>



<p class="wp-block-paragraph">記事の分量水増し大作戦でした（照れ隠し）。</p>



<p class="wp-block-paragraph">ではでは。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://buchikuma.xyz/mamahack-appreach/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">573</post-id>	</item>
		<item>
		<title>RinkerをAMPでも崩れない程度にカスタマイズに成功【Cocoon限定】</title>
		<link>https://buchikuma.xyz/rinker-custom-cocoon-amp/</link>
					<comments>https://buchikuma.xyz/rinker-custom-cocoon-amp/#comments</comments>
		
		<dc:creator><![CDATA[ぶちくま]]></dc:creator>
		<pubDate>Mon, 11 Jun 2018 12:08:39 +0000</pubDate>
				<category><![CDATA[Cocoon]]></category>
		<category><![CDATA[ブログ運営]]></category>
		<guid isPermaLink="false">https://buchikuma.xyz/?p=632</guid>

					<description><![CDATA[どうも、ぶちくまです。 現在、「Rinker導入しようと思ったけどあきらめたぜ！」っていう、いかにも爽やかな記事を書いています（苦笑） 結局あきらめられずに、大きなネックの一つだったAMPで表示が崩れないカスタマイズをし [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">どうも、ぶちくまです。</p>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p class="wp-block-paragraph" id="block-533bc485-98ae-4ef2-8806-e1f870b54983">アフィリエイト商品の管理とリンク生成がとても便利なRinker。<br>AMPだと表示が大きく崩れたのでCocoon使用者限定にはなりますが、シンプルだけど使い勝手のいいデザインになりました。</p>
</div>



<p class="wp-block-paragraph">現在、「Rinker導入しようと思ったけど<span class="red">あきらめたぜ！</span>」っていう、いかにも爽やかな記事を書いています（苦笑）</p>



<p class="wp-block-paragraph">結局あきらめられずに、大きなネックの一つだったAMPで表示が崩れないカスタマイズをしてみました。</p>



<p class="wp-block-paragraph">ただし、<span class="bold-red">Cocoon限定</span>です。（たぶん他のテーマでも大丈夫ですが、テーマCSSの影響を受ける可能性はあります）</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-4" checked><label class="toc-title" for="toc-checkbox-4">INDEX</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">CocoonならAMPも楽々CSS編集できる</a><ol><li><a href="#toc2" tabindex="0">Cocoonはテーマで商品リンクができるようになった</a></li><li><a href="#toc3" tabindex="0">Rinkerの仕様変更で適宜修正の必要性が出てくる</a></li></ol></li><li><a href="#toc4" tabindex="0">コピペで楽々AMP用CSSコードを公開</a><ol><li><a href="#toc5" tabindex="0">カスタマイズのポイント</a></li><li><a href="#toc6" tabindex="0">背景色の変更やアイコンを使って少しだけ個性的なデザインにする</a></li></ol></li><li><a href="#toc7" tabindex="0">コピペでOKなRinkerカスタマイズ</a><ol><li><a href="#toc8" tabindex="0">Rinkerのモバイル時のボタン配置をまっすぐ３行に</a></li></ol></li><li><a href="#toc9" tabindex="0">カエレバとの比較用〜圧倒的にリンク生成はRinkerが優秀</a><ol><li><a href="#toc10" tabindex="0">おまけにCocoon商品リンクも比較して</a></li></ol></li><li><a href="#toc11" tabindex="0">ついでにWPアソシエイトポストについても</a><ol><li><a href="#toc12" tabindex="0">WPアソシエイトポストの方が使いやすい理由</a></li><li><a href="#toc13" tabindex="0">人知れずWPAPR2にも対応していた当サイト</a></li><li><a href="#toc14" tabindex="0">AMP用のCSSコード紹介（コピペ自由）</a></li><li><a href="#toc15" tabindex="0">通常ページ用CSSコード</a></li></ol></li><li><a href="#toc16" tabindex="0">商品リンクについて考えてみる</a><ol><li><a href="#toc17" tabindex="0">RinkerはCopia対応でより便利に</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">CocoonならAMPも楽々CSS編集できる</span></h2>



<p class="wp-block-paragraph">Cocoonだと、子テーマのAMP CSSで簡単にカスタマイズできるのです！</p>



<p class="wp-block-paragraph">これからの時代、ページ速度をGoogleも評価するようになるって話ですから、検索流入はAMP、そこからいかに離脱させずにサイト内を回遊してもらうか、というのが一つ、カスタマイズのポイントになってくると思います。</p>



<h3 class="wp-block-heading"><span id="toc2">Cocoonはテーマで商品リンクができるようになった</span></h3>



<p class="wp-block-paragraph">なりましたねー、どんどん進化しますねー。</p>



<figure class="wp-block-embed is-type-wp-embed is-provider-ぶちくま創作ベース wp-block-embed-ぶちくま創作ベース"><div class="wp-block-embed__wrapper">

<a href="https://buchikuma.xyz/link-amazon-rakuten-yahoo/" title="Amazonと楽天商品リンクモバイル表示をカスタマイズ｜Cocoon" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://buchikuma.xyz/wp-content/uploads/2018/09/Cocoonカスタマイズ商品リンクの誤クリックを減らすために-160x90.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://buchikuma.xyz/wp-content/uploads/2018/09/Cocoonカスタマイズ商品リンクの誤クリックを減らすために-160x90.png 160w, https://buchikuma.xyz/wp-content/uploads/2018/09/Cocoonカスタマイズ商品リンクの誤クリックを減らすために-120x67.png 120w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Amazonと楽天商品リンクモバイル表示をカスタマイズ｜Cocoon</div><div class="blogcard-snippet internal-blogcard-snippet">Cocoonの商品リンクが素敵にアップデートされたので、モバイル版の形式だけ少しカスタマイズしてみました。Yahooのリンクだけ少し大きいなと感じたので、それぞれ同じ大きさにして、あまりみない丸いボタン風にしてみました。簡単なコードにしたので、さらにカスタマイズを深めてください。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://buchikuma.xyz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">buchikuma.xyz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2024.03.22</div></div></div></div></a>
</div></figure>



<p class="wp-block-paragraph">記事、書くよねー。</p>



<p class="wp-block-paragraph">そういうわけで、ぶちくまはRinker卒業しました。</p>



<h3 class="wp-block-heading"><span id="toc3">Rinkerの仕様変更で適宜修正の必要性が出てくる</span></h3>



<p class="wp-block-paragraph">SNS慣れしておらず、コメントがきていることに気づかず、せっかくのレスポンスに対応できずにすいませんでした。</p>



<p class="wp-block-paragraph">今、Rinkerみてみたら、</p>



<div class="blank-box bb-tab bb-point bb-yellow">
<ul>
<li>箇条書きリストの黒ぽちが消されていない</li>
<li>Amazonボタンと楽天ボタンの間に空白がある</li>
</ul>
</div>



<p class="wp-block-paragraph">などなど（もっとあると思いますが）不具合もみられていました。空白についてはコメントでいただいたのですが、当方では再現されておらず。</p>



<p class="wp-block-paragraph">しかも、Rinkerが更新されるごとに、余計な余白がつくられたり。</p>



<p class="wp-block-paragraph">プラグインは更新のタイミングでCSSやり直さないといけないのでしんどいですね。</p>



<h2 class="wp-block-heading"><span id="toc4">コピペで楽々AMP用CSSコードを公開</span></h2>



<p class="wp-block-paragraph">一応、解説もしますから、色などの変更はご自由に行ってください。</p>



<div class="speech-wrap sb-id-16 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ぶちくま圧縮.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>表示乱れてたらコメントください！</p>
</div>
</div>



<div class="wp-block-cocoon-blocks-toggle-box-1 toggle-wrap toggle-box block-box"><input id="toggle-checkbox-20210623164051" class="toggle-checkbox" type="checkbox"/><label class="toggle-button" for="toggle-checkbox-20210623164051">クリックでCSSを表示</label><div class="toggle-content">
<pre class="wp-block-preformatted">/******* AMP用rinker カスタマイズ*******/

/**ショップリンク**/
.yyi-rinker-links li {
    box-shadow: 2px 3px 8px -5px rgba(0,0,0,.25);
}
.yyi-rinker-contents .yyi-rinker-links a{
    display: block;
    margin: 0 auto 8px;
    text-decoration: none;
    font-size: .9em;
    text-align: center;
    color: white; 
    padding: 0.2em 2em;
    border-radius: 4px;
    }
.yyi-rinker-links .amazonlink a{
 background: #f6a306;
}
.yyi-rinker-links .amazonlink a:before {
    font-family: "fontawesome";
    content: "f118";
    margin-right: .5em;
   }
.yyi-rinker-links .rakutenlink a{
    background: #cf4944;
    }
.yyi-rinker-links .rakutenlink a:before {
        font-family: "fontawesome";
        content: "f25d";
    margin-right: .5em;
}
.yyi-rinker-links .yahoolink a{
    background: #e86e6e;
}
.yyi-rinker-links .yahoolink a:before {
       font-family: "fontawesome"; 
       content: "f07a";
    margin-right: .5em;
}
/**テキスト調整**/
.yyi-rinker-info .yyi-rinker-title p {
    font-size: .8em;
}
.yyi-rinker-info .yyi-rinker-detail .price {
    color: #f7a9a9;
}
/**外観調整**/
.yyi-rinker-contents {
border: double 3px #dbdbdb;
    box-shadow: 2px 3px 8px -5px rgba(0,0,0,.25);
}
.yyi-rinker-title {
    margin: 0 2em;
}
.yyi-rinker-detail {
    margin: 0 2em;
}
.price-box {
    font-size: 0.8em;
}
div.brand {
    font-size: 0.8em;
}
/**画像調整**/
.yyi-rinker-contents .yyi-rinker-image {
    width: 160px;
    min-width: 160px;
    margin: 1em auto;
}
/**黒ぽちlistを消す**/
ul.yyi-rinker-links {
    list-style-type: none;
}</pre>
</div></div>



<p class="wp-block-paragraph">他のコードが作用しているようだったら、優先度を上げるか、一度打ち消してからコード記入するといいかも。</p>



<div class="info-box alert-box">
<p>Rinkerは<span class="red">AMP非対応</span>なのでYahooのリンクに<span class="red">バリューコマースのLinkSwitchコードタグ</span>がのっかっていません。</p>
<p>つまり、バリューコマースがリンクを認知できない。Yahooショッピングを楽しむためだけのリンクになります。</p>
<p>今回のカスタマイズはあくまでもStyle.CSSの調整なので、Yahooショッピング時のアフィリエイトリンクをつくるためのものではないことをご了承ください。</p>
</div>



<div class="information-box">
<p><span class="red">もしもアフィリエイトの場合はID認識はAMPでもしてくれる</span>ので、少し利率が下がりますが、それでもよければもしも優先にすれば回避はできる。</p>
<p>もともとYahooはバリューコマース独占なので利率の差が出るのは仕方がない。</p>
<p>Yahoo!ショップは、ストア側に対して店舗経営しやすく配慮するなど優遇していることもあって、楽天ばりにショップ収益があるようになってきています。</p>
<p>ぜひ、早期対応を望みたい。</p>
</div>



<h3 class="wp-block-heading"><span id="toc5">カスタマイズのポイント</span></h3>



<p class="wp-block-paragraph">AMPに関しては、一応、モバイル専用なのであまりレスポンシブのことは考えずに構築しました。</p>



<p class="wp-block-paragraph">AMPは実は書き込める文字数に制限がありまして、誠に個人的な事情により、あまり凝ったデザインにはできない実情がありまして。</p>



<p class="wp-block-paragraph">かなりシンプルな感じになってます。</p>



<p class="wp-block-paragraph">ホバー時のエフェクトとか入れたいなぁとは思ってるんだけどねぇ。</p>



<p class="wp-block-paragraph">まぁ、ほら、人生引き算もうまく使わないと、みたいなところあるじゃないですか。</p>



<p class="wp-block-paragraph">そういうことで（どういうことだ）</p>



<h3 class="wp-block-heading"><span id="toc6">背景色の変更やアイコンを使って少しだけ個性的なデザインにする</span></h3>



<p class="wp-block-paragraph">一応、各ショップのリンク前に、アイコンを入れられるように、それらしいものは配置してみました。</p>



<p class="wp-block-paragraph">本当はAmazonのアイコン、使いたいんだけど、アソシエイト的にはNGらしいですね、残念。</p>



<h4 class="wp-block-heading">Amazon アソシエイトはロゴを勝手に使うとNG</h4>



<p class="wp-block-paragraph">問い合わせて聞いてみたところ、返答がありました。</p>



<div class="information-box"><span class="badge badge-green"><a rel="noopener" target="_blank" class="docs-creator" href="https://affiliate.amazon.co.jp/tips/t3/a3/">https://affiliate.amazon.co.jp/tips/t3/a3/</a></span><br>上記以外のロゴをご利用いただくことはお断りしています、とのこと。Fontawesomeのアイコン使ってもいいか訪ねてみたが、そちらは特に明言されず。アマゾン以外のアイコンは使ってもいいかと質問してみたけど、そちらは特に返答がなかったので、各々の判断でアイコンを使うといいでしょう。</div>



<p class="wp-block-paragraph">背景色は暖色系でまとめましたが、Rinker的にYahoo!は青みたいです。</p>



<p class="wp-block-paragraph">個人的にはYAHOOロゴの色が赤だからそのあたりをイメージして。</p>



<p class="wp-block-paragraph">あとは文字の大きさですかね。あまり大きくなりすぎずに。</p>



<p class="wp-block-paragraph">価格は少しだけ色を変えました。真っ赤だと派手なので、控えめなピンクに。</p>



<p class="wp-block-paragraph">画像はセンターに置くように調整しましたが、使用する画像によって多分崩れます。</p>



<p class="wp-block-paragraph">AMPはだいたい崩れるのでそういうものだと思ってあきらめてください（苦笑）</p>



<h4 class="wp-block-heading">とくに変更無ければプラグインからCSSコピペでもOK</h4>



<p class="wp-block-paragraph">RinkerはプラグインにStyle.CSSがあるので、その純正コードをコピーして、そのままAMP用のCSSスタイルシートに貼ってもそんなに大きくは崩れないようです。</p>



<h2 class="wp-block-heading"><span id="toc7">コピペでOKなRinkerカスタマイズ</span></h2>



<p class="wp-block-paragraph">冥土の土産にAMPじゃない、普通の方も置いていきます。</p>



<p class="wp-block-paragraph">こちらは特にCSSの制限はないので、少し回りくどい記述がおおいかもしれません。</p>



<h3 class="wp-block-heading"><span id="toc8">Rinkerのモバイル時のボタン配置をまっすぐ３行に</span></h3>



<p class="wp-block-paragraph">Rinkerのデザインで唯一耐えられなかったのが、小さめのスマホで見ると、ボタンと画像がごちゃつくこと。</p>



<p class="wp-block-paragraph">なので、ある程度小さい端末で画面をみたときは、ボタンが縦に１列に並ぶようになっています。</p>



<p class="wp-block-paragraph">これをするために結構時間がかかってしまった。。。</p>



<div class="wp-block-cocoon-blocks-toggle-box-1 toggle-wrap toggle-box block-box"><input id="toggle-checkbox-20210623163941" class="toggle-checkbox" type="checkbox"/><label class="toggle-button" for="toggle-checkbox-20210623163941">クリックでCSSを表示</label><div class="toggle-content">
<pre class="wp-block-preformatted">/******* Style.cssに貼ってねrinkerカスタマイズ *******/
/******* rinker *******/
@media screen and (max-width:522px) {
#content .yyi-rinker-box {
    display: inline-block;
}
div.yyi-rinker-contents div.yyi-rinker-image {
    margin: 0 auto;
}
#content div.yyi-rinker-contents ul.yyi-rinker-links {
width: 90%;
    display: block;
    text-align: center;
}
}
@media (max-width: 420px) and (min-width: 321px)
div.yyi-rinker-contents div.yyi-rinker-info {
    width: 100%;
}
div.yyi-rinker-contents div.yyi-rinker-info {
    width: 100%;
}</pre>
</div></div>



<h2 class="wp-block-heading"><span id="toc9">カエレバとの比較用〜圧倒的にリンク生成はRinkerが優秀</span></h2>



<p class="wp-block-paragraph">なれればカエレバ のリンク生成も大変ではない。ただ、取得の際に検索用語つくったりとかは少し面倒。</p>



<p class="wp-block-paragraph">だけど、AMPデザインもCocoonなら準備されているし、Yahooリンクが収益にならないのは少しもったいない。</p>



<p class="wp-block-paragraph">※Cocoonの商品リンクに全て差し替えたので、カエレバ、Rinkerなどのリンクは取り外しました。</p>



<h3 class="wp-block-heading"><span id="toc10">おまけにCocoon商品リンクも比較して</span></h3>



<p class="wp-block-paragraph">ちょいといじりましたが、比較用のCocoon商品リンクも貼ってみましょうか。</p>


<div class="product-item-box amazon-item-box no-icon product-item-error cf"><div><p class="amazon-search-message"><a rel="nofollow noopener" target="_blank" href="https://www.amazon.co.jp/exec/obidos/ASIN/B001D99SOG/buchikuma4690-22/">Amazonで「クリスタルガイザー 500ml×24本 並行輸入品」に関する詳細を見る</a></p><div class="amazon-item-buttons product-item-buttons"><div class="shoplinkamazon"><a rel="nofollow noopener" target="_blank" href="https://www.amazon.co.jp/gp/search?keywords=%E3%82%AF%E3%83%AA%E3%82%B9%E3%82%BF%E3%83%AB%E3%82%AC%E3%82%A4%E3%82%B6%E3%83%BC+500ml%C3%9724%E6%9C%AC+%E4%B8%A6%E8%A1%8C%E8%BC%B8%E5%85%A5%E5%93%81&#038;tag=buchikuma4690-22">Amazon</a></div><div class="shoplinkrakuten"><a rel="nofollow noopener" target="_blank" href="https://hb.afl.rakuten.co.jp/hgc/15ed3676.673e8e27.15ed3677.2f1b5353/?pc=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%E3%82%AF%E3%83%AA%E3%82%B9%E3%82%BF%E3%83%AB%E3%82%AC%E3%82%A4%E3%82%B6%E3%83%BC+500ml%C3%9724%E6%9C%AC+%E4%B8%A6%E8%A1%8C%E8%BC%B8%E5%85%A5%E5%93%81%2F&#038;m=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%E3%82%AF%E3%83%AA%E3%82%B9%E3%82%BF%E3%83%AB%E3%82%AC%E3%82%A4%E3%82%B6%E3%83%BC+500ml%C3%9724%E6%9C%AC+%E4%B8%A6%E8%A1%8C%E8%BC%B8%E5%85%A5%E5%93%81%2F">楽天</a></div><div class="shoplinkyahoo"><a rel="nofollow noopener" target="_blank" href="https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3391244&#038;pid=888695443&#038;vc_url=http%3A%2F%2Fsearch.shopping.yahoo.co.jp%2Fsearch%3Fp%3D%E3%82%AF%E3%83%AA%E3%82%B9%E3%82%BF%E3%83%AB%E3%82%AC%E3%82%A4%E3%82%B6%E3%83%BC+500ml%C3%9724%E6%9C%AC+%E4%B8%A6%E8%A1%8C%E8%BC%B8%E5%85%A5%E5%93%81">Yahoo!ショッピング<img loading="lazy" decoding="async" src="https://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=3391244&pid=888695443" width="1" height="1" border="0"></a></div></div></div></div>



<h2 class="wp-block-heading"><span id="toc11">ついでにWPアソシエイトポストについても</span></h2>



<p class="wp-block-paragraph">よく、Rinkerと比較されるWPアソシエイトポストですが、個人的にはRinkerよりも使いやすくて多用してました。（てへ）</p>



<h3 class="wp-block-heading"><span id="toc12">WPアソシエイトポストの方が使いやすい理由</span></h3>



<div class="blank-box bb-tab bb-comment bb-blue">
<ul>
<li>カスタマイズしやすかった（ただし更新後はあまり違いはない）</li>
<li>デザインがすっきりしていた</li>
<li>UIが好みだった</li>
</ul>
</div>



<p class="wp-block-paragraph">と、意外にもデザイン面で惹かれたんですよね。</p>



<p class="wp-block-paragraph">使い勝手の良さそうな「<span class="bold red">利率表示</span>」は、意外と使わない。というか、まったく使わない。</p>



<p class="wp-block-paragraph">まぁ、それでも、圧倒的にCocoonテーマの商品リンクの方が使い勝手が良かったので、順次張り替え作業してます。</p>



<h3 class="wp-block-heading"><span id="toc13">人知れずWPAPR2にも対応していた当サイト</span></h3>



<p class="wp-block-paragraph">実は、AMPにおいても、WPAPをのせたコードを作成して、ほとんど遜色のない二つのプラグインを、意味もなく使い回していた当ブログ。</p>



<div class="speech-wrap sb-id-20 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ずーん圧縮.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>いつか比較記事でも書こうと思ってたら、不要になってた（ガクブル）</p>
</div>
</div>



<p class="wp-block-paragraph">やろうと思ったことは、すぐに実行しないとダメですね。</p>


 


<p class="wp-block-paragraph">こんな感じでつくっていました。</p>



<h3 class="wp-block-heading"><span id="toc14">AMP用のCSSコード紹介（コピペ自由）</span></h3>



<p class="wp-block-paragraph">自由にカスタムっちゃってください。</p>



<div class="wp-block-cocoon-blocks-toggle-box-1 toggle-wrap toggle-box block-box"><input id="toggle-checkbox-20210623163638" class="toggle-checkbox" type="checkbox"/><label class="toggle-button" for="toggle-checkbox-20210623163638">クリックでCSSを表示</label><div class="toggle-content">
<pre class="wp-block-preformatted">/**ショップリンク**/
a.wpap-link-amazon,a.wpap-link-rakuten,a.wpap-link-yahoo{
    display: block;
    margin: 0 auto 8px;
    text-decoration: none;
    font-size: .9em;
    text-align: center;
    color: white; 
    padding: 0.2em 2em;
    border-radius: 4px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.33);
}
a.wpap-link-amazon,a.wpap-link-rakuten,a.wpap-link-yahoo{
	margin: 1em 2em;
}
/**各ECサイト調整、背景色とアイコン挿入**/
a.wpap-link-amazon{
 background: #f6a306;
}
a.wpap-link-amazon:before{
    font-family: "fontawesome";
    content: "f118";
    margin-right: .5em;
   }
a.wpap-link-rakuten{
    background: #cf4944;
    }
a.wpap-link-rakuten:before{
        font-family: "fontawesome";
        content: "f25d";
    margin-right: .5em;
}
a.wpap-link-yahoo{
    background: #e86e6e;
}
a.wpap-link-yahoo:before{
       font-family: "fontawesome"; 
       content: "f07a";
    margin-right: .5em;
}
/**テキスト調整**/
p.wpap-title{
    font-size: .8em;
}
.wpap-price{
    color: #f7a9a9;
}
.wpap-price{
	font-size: 0.8em;
}
span.wpap-date {
    color: gray;
}
.wpap-note {
    font-size: 0.8em;
    color: gray;
}
/**外観調整**/
.wpap-tpl{
border: double 3px #dbdbdb;/**周囲を囲むカスタマイズ**/
}
.wpap-price,.wpap-note,p.wpap-title{
    margin: 0 2em;
}
.price-box,div.brand {
    font-size: 0.8em;
}
.wpap-note{
	text-align: right;
}
/**画像調整**/
.wpap-image{
    width: 160px;
    min-width: 160px;
    margin: 1em auto;
}</pre>
</div></div>



<p class="wp-block-paragraph">こんな感じです。</p>



<h3 class="wp-block-heading"><span id="toc15">通常ページ用CSSコード</span></h3>



<div class="wp-block-cocoon-blocks-toggle-box-1 toggle-wrap toggle-box block-box"><input id="toggle-checkbox-20210623163607" class="toggle-checkbox" type="checkbox"/><label class="toggle-button" for="toggle-checkbox-20210623163607">クリックでCSSを表示</label><div class="toggle-content">
<pre class="wp-block-preformatted">/**WPAPカスタマイズ**/
/**リンクボタン調整**/
#content .wpap-tpl-with-detail .wpap-link a {
    border-radius: 4px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.33);
    font-weight: bold;
    font-size: 1.2em;
}
/**ショップリンク色変更**/
#content a.wpap-link-amazon{
background: #f6a306;
}
#content a.wpap-link-rakuten{
    background: #cf4944;
}
#content a.wpap-link-yahoo{
    background: #e86e6e;
}
#content .wpap-tpl-with-detail .wpap-title {
    font-size: .9em;
}
#content .wpap-tpl-with-detail .wpap-price {
    color: #f7a9a9;
    font-size: .9em;
}
@media screen and (max-width:522px){
#content .wpap-tpl-with-detail .wpap-link a{
			font-size: .7em;
	}
#content .wpap-tpl-with-detail .wpap-link a span {
    margin: 0 0.5em;
}
}
/**スマホ縦一列**/
@media screen and (max-width:522px){
#content .wpap-tpl-with-detail .wpap-title {
    font-size: 14px;
    margin: 10px 0 5px;
    display: flex;
    display: block;
}
#content .wpap-tpl-with-detail .wpap-link a {
    margin: 0 auto;
    width: 90%;
    display: block;
    text-align: center;
    margin: 0.5em 1em;
}
#content .wpap-tpl-with-detail .wpap-link a span {
    margin: 0 0.5em;
}
}
@media screen and (min-width:523px){
	#content .wpap-tpl-with-detail .wpap-link a {
    width: 50%;
}
}</pre>
</div></div>



<h2 class="wp-block-heading"><span id="toc16">商品リンクについて考えてみる</span></h2>



<p class="wp-block-paragraph">2021年に追記しています。色々試しましたが、Rinkerは便利。とはいえ、慣れるとCocoon独自テーマの商品リンクが一番「対応しやすい」と思いました。</p>



<h3 class="wp-block-heading"><span id="toc17">RinkerはCopia対応でより便利に</span></h3>



<p class="wp-block-paragraph">Rinkerは、有料プラグインのCopiaと連携することで、セール対応などのマイクロコピーを自動で出せるようになった（なったんだよな？）ということで、「リンクを貼るだけ」であとは勝手に売り上げも伸びる点でかなり便利です。元々便利だったのが、さらに便利になった。これはもう最強です。</p>



<h4 class="wp-block-heading">羨ましいけど、作業がCocoonに慣れすぎた</h4>



<p class="wp-block-paragraph">では、当サイトでRinkerに統一したかと言えばそうでもない。というのも、自分でサイトを作っていると、何やかんや「Amazonの商品ページやレビュー」を確認するので、プラグインで完結した形で商品リンクを作ることもないと気づいたからです。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-16 sbs-stn sbp-r sbis-sb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ぶちくま圧縮.jpg" alt="ぶちくま" class="speech-icon-image"/></figure><div class="speech-name">ぶちくま</div></div><div class="speech-balloon">
<p class="wp-block-paragraph">Cocoon商品リンクは、Amazonのページを開いている状況なら、ブログに貼り付けるコード生成はブックマークレットを使えばすぐに作業は終わるしね。</p>
</div></div>



<p class="wp-block-paragraph">これからブログを始める、という方は、Rinker×Copiaで自動でキャンペーン情報が表示されるようになった方が、「自分が情報をキャッチしていないがための取りこぼし」を避ける意味で大きなリスクヘッジになりうると思います。</p>



<p class="wp-block-paragraph">一方で、「キャンペーン情報は自分で調整する」などの信念があったり、あるいは「商品を紹介するときはECサイトでの情報収集も兼ねている」という場合には、RinkerじゃなくてCocoon利用した方がブログテーマとしては安定するな、と思った次第です。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://buchikuma.xyz/rinker-custom-cocoon-amp/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">632</post-id>	</item>
		<item>
		<title>Googleアドセンスを始めた理由｜簡単収益化とほったらかし運営</title>
		<link>https://buchikuma.xyz/easy-adsense/</link>
					<comments>https://buchikuma.xyz/easy-adsense/#comments</comments>
		
		<dc:creator><![CDATA[ぶちくま]]></dc:creator>
		<pubDate>Tue, 11 Sep 2018 06:52:00 +0000</pubDate>
				<category><![CDATA[ブログ運営]]></category>
		<guid isPermaLink="false">https://buchikuma.xyz/?p=790</guid>

					<description><![CDATA[Googleアドセンス、なかなか通らないでやきもきされている方もいらっしゃるかと思います。 まず、ひとつだけ申し上げると、10記事でAdsense承認をもらおうが、50記事で承認されようが、あまり関係ありません。 収益化 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Googleアドセンス、なかなか通らないでやきもきされている方もいらっしゃるかと思います。</p>



<p class="wp-block-paragraph">まず、ひとつだけ申し上げると、10記事でAdsense承認をもらおうが、50記事で承認されようが、あまり関係ありません。</p>



<p class="wp-block-paragraph">収益化が本格化するのはブログを開始して半年後です。むしろ、その間に「アドセンスが通らなくて」なんてことを悩んでいるようじゃ、時間の無駄です。</p>



<p class="wp-block-paragraph">ただし、記事を多くしすぎると、今度はアドセンスの規約に触れる記事が増える可能性もあるので、注意しておきたい点だけ勉強しておきましょう。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-6" checked><label class="toc-title" for="toc-checkbox-6">INDEX</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Google Adsenseの簡単な始め方</a><ol><li><a href="#toc2" tabindex="0">アドセンスは始めるまでが戦争</a></li></ol></li><li><a href="#toc3" tabindex="0">規約違反に注意すればアドセンスは簡単</a><ol><li><a href="#toc4" tabindex="0">ユーザーファーストになってる？</a></li><li><a href="#toc5" tabindex="0">「オリジナリティ」はちゃんとある？</a></li><li><a href="#toc6" tabindex="0">オリジナリティ以外にも著作権で気をつけること</a></li><li><a href="#toc7" tabindex="0">ポリシー違反の対応策まとめ</a></li></ol></li><li><a href="#toc8" tabindex="0">コンテンツ（記事）はいくつ必要？</a><ol><li><a href="#toc9" tabindex="0">サイトとしての体裁だけは整えておく</a></li><li><a href="#toc10" tabindex="0">広告価値のあるコンテンツにするために</a></li></ol></li><li><a href="#toc11" tabindex="0">Googleはどうやってサイトをチェックしているのか</a><ol><li><a href="#toc12" tabindex="0">アドセンス申請が多すぎて自動審査部門が厳しくなる</a></li><li><a href="#toc13" tabindex="0">目視確認で不合格にされるサイト</a></li></ol></li><li><a href="#toc14" tabindex="0">Googleアドセンスを始めた理由</a><ol><li><a href="#toc15" tabindex="0">Amazon アソシエイトは面倒だった</a></li><li><a href="#toc16" tabindex="0">アフィリエイトはもってのほか</a></li><li><a href="#toc17" tabindex="0">Googleアドセンスならコード貼りっぱなしでOK</a></li></ol></li><li><a href="#toc18" tabindex="0">Googleアドセンスのデメリット</a><ol><li><a href="#toc19" tabindex="0">「稼ぐならアフィリエイト」「お小遣いならアドセンス」</a></li><li><a href="#toc20" tabindex="0">意図した広告誘導ができない</a></li><li><a href="#toc21" tabindex="0">アドセンス離脱が増えることはいいことではない</a></li></ol></li><li><a href="#toc22" tabindex="0">Googleアドセンスの登録方法</a><ol><li><a href="#toc23" tabindex="0">アドセンスの登録手順を確認</a></li></ol></li><li><a href="#toc24" tabindex="0">アドセンス登録までの心境と体験談、感想</a><ol><li><a href="#toc25" tabindex="0">趣味を収益化させたい、という思い</a></li><li><a href="#toc26" tabindex="0">どうしてgoogle adsense？</a></li><li><a href="#toc27" tabindex="0">導入までの感想</a></li></ol></li><li><a href="#toc28" tabindex="0">アドセンス登録までの心境と体験談、感想</a><ol><li><a href="#toc29" tabindex="0">趣味を収益化させたい、という思い</a></li><li><a href="#toc30" tabindex="0">どうしてgoogle adsense？</a></li><li><a href="#toc31" tabindex="0">導入までの感想</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">Google Adsenseの簡単な始め方</span></h2>



<p class="wp-block-paragraph">始め方は簡単です。</p>



<ol class="wp-block-list"><li>ブログ記事を10〜50記事ほど書いてサイトにアップする。</li><li>Googleアドセンスに登録申請を行う（１次審査）</li><li>アドセンスに承認されたら、自サイトにコードを貼る。</li><li>広告が掲載されることを確認する（2日ほどかかることがあります）</li><li>収益が8,000円超えたらPINコード送付の手続きを行う</li><li>PINコードを入力</li><li>銀行口座を登録してデポジットでテストする。</li></ol>



<p class="wp-block-paragraph">これで始められます。</p>



<p class="wp-block-paragraph">まずは、Googleの本家ガイドを読みましょう。</p>



<p class="wp-block-paragraph"><span class="badge badge-green"><a rel="noopener" target="_blank" class="docs-creator" href="https://support.google.com/adsense/answer/23921?hl=ja">入門ガイド AdSense ポリシー: 初心者向けガイド</a></span></p>



<h3 class="wp-block-heading"><span id="toc2">アドセンスは始めるまでが戦争</span></h3>



<p class="wp-block-paragraph">言うまでもないですが、検索された方はだいたい、</p>



<div class="speech-wrap sb-id-17 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/怒り圧縮.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>こんなことが知りたいんじゃねーよ</p>
</div>
</div>



<p class="wp-block-paragraph">と、お怒りのことでしょう。</p>



<p class="wp-block-paragraph">ただ、ひとつだけ申し上げますと、アドセンス承認を得ること自体は、注意点を守れば簡単なことです。</p>



<p class="wp-block-paragraph">承認を得られない理由は、</p>



<ol class="wp-block-list"><li>サイトが規約違反している</li><li>広告を出す価値のあるコンテンツが不足している</li></ol>



<p class="wp-block-paragraph">この2点だけですので、まずは焦らず、サイトをしっかり作ることから始めましょう。</p>



<h2 class="wp-block-heading"><span id="toc3">規約違反に注意すればアドセンスは簡単</span></h2>



<p class="wp-block-paragraph">まず、Googleがどのような記事を求めているかをしっかりと考えれば、自ずと答えは見えてきます。</p>



<p class="wp-block-paragraph">通る通らない以前に、そもそもプライバシーポリシーを熟読していない方が多いので、まずは一度、しっかり読みましょう。</p>



<p class="wp-block-paragraph"><span class="badge badge-green"><a rel="noopener" target="_blank" class="docs-creator" href="https://support.google.com/adsense/answer/48182?hl=ja">AdSense プログラム ポリシー</a></span></p>



<h3 class="wp-block-heading"><span id="toc4">ユーザーファーストになってる？</span></h3>



<p class="wp-block-paragraph">Googleの基本的な考え方は「ユーザーファースト」です。つまり、検索者、あるいはブログの読者、と読み替えてもいいでしょう。彼ら・彼女らにとって最適なサイトをつくれば、絶対にアドセンスは通ります。</p>



<p class="wp-block-paragraph">ただ、読者＝自分で置き換えると遠回りになると思います。</p>



<p class="wp-block-paragraph">読者＝不特定多数の誰か、です。「誰がみても不快に思わず、役に立った！と感じられるサイト」を目指していく必要があります。</p>



<h4 class="wp-block-heading">「誰が見ても大丈夫」を自分基準で考えちゃダメ</h4>



<p class="wp-block-paragraph">こどもだって見るのですから、大人の女性の露出が多い画像や、なにかしらのいやらしい言葉と思われるワードが含まれていればアウトです。</p>



<p class="wp-block-paragraph">宗教的な問題だってあります。あるいは、差別的な発言。日本だけの単位で考えると、意識できてない方も多いのですが、この辺りをしっかりフォローしている記事の方が安心です。</p>



<h4 class="wp-block-heading">「不特定多数」の役に立つのは難しい</h4>



<p class="wp-block-paragraph">みんなにとっていい記事を書くのは大変です。</p>



<p class="wp-block-paragraph">その場合は、ある程度ターゲットを絞る必要があります。</p>



<h3 class="wp-block-heading"><span id="toc5">「オリジナリティ」はちゃんとある？</span></h3>



<p class="wp-block-paragraph">基本、コピペはアウトです。一発でばれます。</p>



<p class="wp-block-paragraph">Googleは検索順位を正しくつけるためにも、巡回ロボットである「クローラー」という警備員が、登録されている全てのインターネット上のコンテンツをチェックしています。</p>



<p class="wp-block-paragraph">「あれ、この記事、他の記事にも似たようなものがあったぞ」となれば、あなたのサイトの評価は一気にさがります。</p>



<p class="wp-block-paragraph">アドセンスが通るまでは、（というか通った後も）</p>



<p class="wp-block-paragraph">「何か、別の記事を読みながら書く」ということはやめましょう。</p>



<h4 class="wp-block-heading">有益な情報があれば日記だけでも通る</h4>



<p class="wp-block-paragraph">私は、ほぼ日記のような内容だけで通りました。</p>



<p class="wp-block-paragraph">日記はオリジナリティの面では簡単にクリアできるのでいいですね。</p>



<p class="wp-block-paragraph">ただ、「共有した時に誰かが喜ぶ」情報であることは意識してみてください。</p>



<p class="wp-block-paragraph">例えば、何かのアクティビティ、例えばカヌー体験記についての記事を書いたら、</p>



<div class="speech-wrap sb-id-19 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/喜び圧縮.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>楽しかったわぁ</p>
</div>
</div>



<p class="wp-block-paragraph">で終わったら、誰の役にも立ちません。</p>



<p class="wp-block-paragraph">どうしてカヌーを選んだのか、料金はいくらだったのか、どこでやってたのか、どうやっていったのか。</p>



<p class="wp-block-paragraph">これらを綺麗にまとめることで、「オリジナリティ」のある「有益な情報」が載った記事はつくれます。</p>



<h5 class="wp-block-heading">一貫性に注意すれば能率もあがる</h5>



<p class="wp-block-paragraph">これはいつか記事にしますが、</p>



<div class="speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/03/創作ベースアップルタッチ.png" alt="しろくまさん"></figure>
<div class="speech-name">しろくまさん</div>
</div>
<div class="speech-balloon">
<p>１つの事柄で５つ以上の記事を書け</p>
</div>
</div>



<p class="wp-block-paragraph">と、私は口を酸っぱくして主張してます。</p>



<p class="wp-block-paragraph">これは、全部バラバラの記事を書いていくより、能率がいい上にGoogleもひとつのまとまり、「テーマ」として認識してくれるので、いいことばかりです。</p>



<h3 class="wp-block-heading"><span id="toc6">オリジナリティ以外にも著作権で気をつけること</span></h3>



<p class="wp-block-paragraph">コピペは著作権という権利を侵害する行為なのでアウト。画像なんかも気をつけてください。</p>



<p class="wp-block-paragraph">とくに、芸能人については自分が持っている画像であっても、使わない方がいいです。肖像権がありますからね。</p>



<p class="wp-block-paragraph">というか、アドセンス通るまでは、例え自分であっても、人物が大きく写っている画像は貼らない方が懸命です。Googleが判断に悩む部分があるので。</p>



<h3 class="wp-block-heading"><span id="toc7">ポリシー違反の対応策まとめ</span></h3>



<div class="blank-box bb-tab bb-check bb-blue">
<ol>
<li>コピーコンテンツではない</li>
<li>人物などの入った画像を使用しない（肖像権違反など回避）</li>
<li>NGワードに気をつける（差別的はなく、子供が見ても大丈夫な言葉）</li>
<li>全ての広告主にとって安全なサイトである</li>
</ol>
</div>



<h2 class="wp-block-heading"><span id="toc8">コンテンツ（記事）はいくつ必要？</span></h2>



<p class="wp-block-paragraph">5記事くらいで通ったという話もTwitterなんかでは見ます。</p>



<p class="wp-block-paragraph">みますが、「だから、何？」という感じはあります。5記事がよほどバズってPV集めたところで、何ができますか？</p>



<p class="wp-block-paragraph">サイトが充実していないのは火を見るよりもあきらかですよね。</p>



<p class="wp-block-paragraph">私だったら、<span class="red">そんな状態のサイトはまだ多くの人にこられても困ります</span>ね。</p>



<p class="wp-block-paragraph">むしろ「つまらないサイトだな」と、変に覚えられる方が困る。</p>



<p class="wp-block-paragraph">ということで、あなたのブログ運営方針が、まっとうな運営をされるよう予定であれば、早かろうが遅かろうが、あまり関係ありません。</p>



<p class="wp-block-paragraph">どうせ、半年は稼げて5,000円くらいです。半年で何桁稼いだ、とかは化け物か詐欺の手口です。私は、すでに全身となるブログから記事を輸入して、せいぜい数千円でしたよ。</p>



<p class="wp-block-paragraph">例えば、</p>



<div class="speech-wrap sb-id-18 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/泣き圧縮.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>どうして来月までに百円欲しいんです</p>
</div>
</div>



<p class="wp-block-paragraph">という、特殊な事情がおありなら急ぐ気持ちもわかります。</p>


<div class="product-item-box amazon-item-box no-icon product-item-error cf"><div><p class="amazon-search-message"><a rel="nofollow noopener" target="_blank" href="https://www.amazon.co.jp/exec/obidos/ASIN/B000QTJAYW/buchikuma4690-22/">Amazonで「メタルバンク100マンエン シルバー」に関する詳細を見る</a></p><div class="amazon-item-buttons product-item-buttons"><div class="shoplinkamazon"><a rel="nofollow noopener" target="_blank" href="https://www.amazon.co.jp/gp/search?keywords=%E3%83%A1%E3%82%BF%E3%83%AB%E3%83%90%E3%83%B3%E3%82%AF100%E3%83%9E%E3%83%B3%E3%82%A8%E3%83%B3+%E3%82%B7%E3%83%AB%E3%83%90%E3%83%BC&#038;tag=buchikuma4690-22">Amazon</a></div><div class="shoplinkrakuten"><a rel="nofollow noopener" target="_blank" href="https://hb.afl.rakuten.co.jp/hgc/15ed3676.673e8e27.15ed3677.2f1b5353/?pc=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%E3%83%A1%E3%82%BF%E3%83%AB%E3%83%90%E3%83%B3%E3%82%AF100%E3%83%9E%E3%83%B3%E3%82%A8%E3%83%B3+%E3%82%B7%E3%83%AB%E3%83%90%E3%83%BC%2F&#038;m=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%E3%83%A1%E3%82%BF%E3%83%AB%E3%83%90%E3%83%B3%E3%82%AF100%E3%83%9E%E3%83%B3%E3%82%A8%E3%83%B3+%E3%82%B7%E3%83%AB%E3%83%90%E3%83%BC%2F">楽天</a></div><div class="shoplinkyahoo"><a rel="nofollow noopener" target="_blank" href="https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3391244&#038;pid=888695443&#038;vc_url=http%3A%2F%2Fsearch.shopping.yahoo.co.jp%2Fsearch%3Fp%3D%E3%83%A1%E3%82%BF%E3%83%AB%E3%83%90%E3%83%B3%E3%82%AF100%E3%83%9E%E3%83%B3%E3%82%A8%E3%83%B3+%E3%82%B7%E3%83%AB%E3%83%90%E3%83%BC">Yahoo!ショッピング<img loading="lazy" decoding="async" src="https://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=3391244&pid=888695443" width="1" height="1" border="0"></a></div></div></div></div>



<p class="wp-block-paragraph">わかりますが、私からしたら、そんな状況ならのんきにブログやってないで働け、と言いたいですね。</p>



<h3 class="wp-block-heading"><span id="toc9">サイトとしての体裁だけは整えておく</span></h3>



<p class="wp-block-paragraph">具体的にはブログの始め方でまとめます。</p>



<p class="wp-block-paragraph">もし、有料テーマか、「Cocoon」を使っていれば、テーマに沿った設定をしておけばとりあえずは大丈夫です。</p>



<p class="wp-block-paragraph">「プライバシーポリシー」や「お問い合わせページ」「プロフィールページ」「トップページ」をつくっておくと、サイトとしての構造はとりあえずOKです。</p>



<div class="speech-wrap sb-id-16 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ぶちくま圧縮.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>プライバシーポリシーもプロフィールページもなかったけど通りましたけどね</p>
</div>
</div>



<p class="wp-block-paragraph">まぁ、そういう人もいます。</p>



<h3 class="wp-block-heading"><span id="toc10">広告価値のあるコンテンツにするために</span></h3>



<div class="blank-box bb-tab bb-check bb-blue">
<ul>
<li>ある程度の記事数は必要（３〜10くらいでもいい）</li>
<li>どういうサイトなのか一目でわかること（目視確認対策）</li>
<li>サイト運営者がどういう人なのかわかり、連絡が取れること</li>
</ul>
</div>



<h2 class="wp-block-heading"><span id="toc11">Googleはどうやってサイトをチェックしているのか</span></h2>



<p class="wp-block-paragraph">Google アドセンスに申請して、すぐに「ダメですよ」という返信が来ていませんか？</p>



<p class="wp-block-paragraph">それは、目視での確認にも至らずに、自動でNGが出ている可能性が高いですよ。</p>



<h3 class="wp-block-heading"><span id="toc12">アドセンス申請が多すぎて自動審査部門が厳しくなる</span></h3>



<p class="wp-block-paragraph">公式にGoogleが発表しているわけではありませんが、Twitterなどでアドセンス落ちている方の報告を聞いていると、以下の２パターンあります。</p>



<ul class="wp-block-list"><li>すぐに返信が来る</li><li>合格するときは数日返信がこない</li></ul>



<p class="wp-block-paragraph">というわけで、シンプルに推論すると、Googleは全てのサイトを目視で確認しているわけではなく、ある程度自動ツールで、アドセンス不合格を出していることが考えられます。</p>



<p class="wp-block-paragraph">この場合、自動で弾かれるのは以下の可能性あり。</p>



<h4 class="wp-block-heading">自動で弾かれるサイトの例</h4>



<div class="blank-box bb-tab bb-ng bb-red">
<ul>
<li>コンテンツ不足</li>
<li>NGワードが入っている</li>
<li>コピーコンテンツがある</li>
</ul>
</div>



<p class="wp-block-paragraph">画像の著作権違反なども怪しいのですが、明らかな借用画像以外は識別が難しいと思うので、この辺りは目視確認の案件かと。</p>



<h3 class="wp-block-heading"><span id="toc13">目視確認で不合格にされるサイト</span></h3>



<p class="wp-block-paragraph">返信に数日かかる場合は、実際にGoogleのアドセンス部門の方がチェックしている可能性があります。</p>



<p class="wp-block-paragraph">この案件では、より「広告の価値が高いサイトであるか」が見られていると考えています。</p>



<div class="blank-box bb-tab bb-bad bb-red">
<ul>
<li>サイト構成が優秀か</li>
<li>著作権などの法令違反はないか</li>
<li>メディア作成者は信頼の置ける人物か</li>
</ul>
</div>



<p class="wp-block-paragraph">ただ、目視で確認するのはあくまでも「やばいサイトじゃないか」くらいなもんなので、自動判定さえ抜ければ、普通のサイト運営していれば合格するはずです。</p>



<h2 class="wp-block-heading"><span id="toc14">Googleアドセンスを始めた理由</span></h2>



<p class="wp-block-paragraph">アドセンスを始めたのは、「収益化」はもちろんですが、「放っておいても勝手に運営できる」というところに魅力を感じて始めました。</p>



<h3 class="wp-block-heading"><span id="toc15">Amazon アソシエイトは面倒だった</span></h3>



<p class="wp-block-paragraph">わたしはとにかく面倒臭がりで、ブログ始めた当初は、アマゾンアソシエイトや楽天アフィリエイトに代表される「物販系」のリンクをつくるのも面倒でした。</p>



<div class="speech-wrap sb-id-17 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/怒り圧縮.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>記事だけ書きたいんじゃー</p>
</div>
</div>



<p class="wp-block-paragraph">ある意味では、純粋なブロガーだったわけです。</p>



<h4 class="wp-block-heading">カエレバを使うようになって貼るようになった</h4>



<p class="wp-block-paragraph">余談ですが、物販系のリンクはいまはちゃんと貼ってます。やはり、画像付きで販売サイトまでのリンクを用意することは読者のためになりますからね。アソシエイトだけのときは、</p>



<ol class="wp-block-list"><li>アソシエイトにログイン</li><li>サイトから目的の商品を探す</li><li>リンクをつくる</li></ol>



<p class="wp-block-paragraph">という作業すら面倒でした。</p>



<p class="wp-block-paragraph">カエレバもやってることは変わりないのですが、同じ作業で楽天のリンクまでつくれるんだぁ、と感動して始めました。</p>



<h4 class="wp-block-heading">Cocoonならもっと簡単にリンクがつくれる</h4>



<p class="wp-block-paragraph">Cocoonはいいですね。アマゾンリンクが死ぬほど簡単につくれます。</p>



<p class="wp-block-paragraph"><span class="badge badge-green"><a rel="noopener" target="_blank" class="docs-creator" href="https://wp-cocoon.com/category/theme/theme-settings/amazon/">Amazon商品リンク設定と使い方｜Cocoon</a></span></p>



<p class="wp-block-paragraph">最近はプラグインでも簡単に作れますが、Cocoonユーザーならプラグインも不要という。しかもデザインもすでに出来上がってるし。</p>



<p class="wp-block-paragraph">これで、無料！</p>



<h3 class="wp-block-heading"><span id="toc16">アフィリエイトはもってのほか</span></h3>



<p class="wp-block-paragraph">始めた当初は、一応、アフィリエイトサイトにも登録して見たのですが、エックスサーバーだけ貼ってみてあとはログインすらしていませんでした。</p>



<div class="speech-wrap sb-id-20 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ずーん圧縮.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>パスワード忘れてログインできなくなってました</p>
</div>
</div>



<p class="wp-block-paragraph">わたしの収益化意識は、正直こんなもんでした。</p>



<h3 class="wp-block-heading"><span id="toc17">Googleアドセンスならコード貼りっぱなしでOK</span></h3>



<p class="wp-block-paragraph">そんな私だったので、Googleアドセンスは渡りに船でしたね。</p>



<p class="wp-block-paragraph">だって、コードを貼っとけば、最適な広告をGoogleの最先端AIが計算して表示してくれるんですぜ。</p>



<p class="wp-block-paragraph">素人が考えてだす広告より、いいに決まってるじゃないですか！</p>



<h2 class="wp-block-heading"><span id="toc18">Googleアドセンスのデメリット</span></h2>



<p class="wp-block-paragraph">とはいえ、アドセンスにもデメリットはあります。</p>



<ul class="wp-block-list"><li>クリック単価が安い</li><li>意図した広告誘導がしづらい</li><li>離脱が増える</li></ul>



<p class="wp-block-paragraph">簡単に解説します。</p>



<h3 class="wp-block-heading"><span id="toc19">「稼ぐならアフィリエイト」「お小遣いならアドセンス」</span></h3>



<p class="wp-block-paragraph">クリック単価が安いです。</p>



<p class="wp-block-paragraph">ブログ始めたての頃は、「１回クリックされると10円ももらえるの？　100回クリックしてもらったら1,000円じゃん！」</p>



<p class="wp-block-paragraph">とはしゃいだ記憶があります。</p>



<p class="wp-block-paragraph">今考えると、お小遣い程度の話ですし、そもそも100回クリックされたら相当なもんです。</p>



<p class="wp-block-paragraph">アフィリエイトだと、うまく誘導して広告主の依頼を達成できれば、一回で1万円、とかもありえます。10件依頼を成功させれば、10万円。</p>



<p class="wp-block-paragraph">例えば、エックスサーバーの契約をしたい人は、</p>



<div class="search-form">
<div class="sform">エックスサーバー　契約方法</div>
<div class="sbtn">検索</div>
</div>



<p class="wp-block-paragraph">なんかのわかりやすいワードで検索しますよね。</p>



<p class="wp-block-paragraph">このキーワードで１位になれば、1日にどれくらい儲かるでしょうか。１クリック10円、なんて話じゃないわけです。</p>



<h3 class="wp-block-heading"><span id="toc20">意図した広告誘導ができない</span></h3>



<p class="wp-block-paragraph">最初は、「どこでもクリックされればいいや」と思って、適当に、しかもたくさん広告を貼りがちですが、これは読者にとっては見づらくなるだけだし、信用も薄れます。</p>



<p class="wp-block-paragraph">アドセンスの位置は自分で帰ることができるので、意図しないところに表示される、ということは制御できます。できるのですが、結局、面倒になって「自動広告」とか使っちゃうんですよね。</p>



<p class="wp-block-paragraph">この「自動広告」が結構厄介で、たとえば、誘導したいアフィリエイト広告のちょうど手前に、その広告主のアドセンス広告が表示されたりします。</p>



<p class="wp-block-paragraph">アドセンス広告だとクリック時点で単価発生しますが、その代わり、アフィリエイト広告の成果が達成しても、そのアドセンス広告をクリックしたユーザーに対しては発生しません。</p>



<h4 class="wp-block-heading">対策は「アドセンス」を貼る記事を考える</h4>



<p class="wp-block-paragraph">Cocoonユーザーは簡単に設定できます。</p>



<p class="wp-block-paragraph">「記事ごと」でも、投稿画面から「広告を表示しない」にクリックするだけでアドセンス広告が表示されなくなります。</p>



<p class="wp-block-paragraph">また、アフィリエイト目的の記事をカテゴリでまとめておけば、カテゴリごと「広告を表示しない」設定をすることも可能です。</p>



<h3 class="wp-block-heading"><span id="toc21">アドセンス離脱が増えることはいいことではない</span></h3>



<p class="wp-block-paragraph">クリックされれば、報酬を得ることはできますが、いいことではない場合もあります。</p>



<p class="wp-block-paragraph">基本的に、検索者とは一期一会の関係ではありますが、もしその検索者があなたの記事を読んで、「この人の記事はよみやすいな、また読みたいな」と思ってもらえることもあります。</p>



<p class="wp-block-paragraph">ただ、まだ記事を読み始める前に、うっかりアドセンス広告をクリックしてしまった場合は、そこで読者との関係が終わってしまいます。</p>



<h4 class="wp-block-heading"><span style="font-size: 19.799999237060547px; background-color: #fafbfc;"><b>どうせ離脱するならアドセンス離脱がいい</b></span></h4>



<p class="wp-block-paragraph">という方もいます。「どうせ離脱されるならアドセンス広告から離脱された方がいい」ということですね。少しでも報酬が欲しい。</p>



<p class="wp-block-paragraph">もちろん、ひとつのゴールとして、広告がクリックされることはいいことです。あなたの記事が、検索者を導き、正しい広告へ繋ぐことができていればそれはOKです。あなたの仕事の成果です、お疲れ様でした。</p>



<p class="wp-block-paragraph">ただ、もし、検索結果が、あなたの記事に失望して広告へ逃げたのなら、記事としては見直す必要があります。</p>



<div class="speech-wrap sb-id-16 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ぶちくま圧縮.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>どんなことでも、原因と対策をしっかり考えないとダメよ</p>
</div>
</div>



<h4 class="wp-block-heading">私としてはブログを読んでもらえることがいちばんの収益</h4>



<p class="wp-block-paragraph">もちろん、収益は最適化するにこしたことはありません。</p>



<p class="wp-block-paragraph">ただ、私はブログを読んでくれた人がいる、というだけで、なんだかとても勇気が湧くような、活力を得るような、そういった「感動」を得ることができます。</p>



<p class="wp-block-paragraph">私はそういった価値観でブログを運営しているので、やはり「意図しない広告クリック」は減らすべきだと思っています。</p>



<h2 class="wp-block-heading"><span id="toc22">Googleアドセンスの登録方法</span></h2>



<p class="wp-block-paragraph">最後に、ここまで読めたような辛抱強い方であれば、胸を張って、Googleアドセンスの登録申請をしていただければいいかと思います。</p>



<p class="wp-block-paragraph"><a rel="noopener" target="_blank" class="docs-creator" href="https://www.google.co.jp/adsense/start/#/?modal_active=none"><span class="badge badge-green">グーグルアドセンスの登録</span></a></p>



<h3 class="wp-block-heading"><span id="toc23">アドセンスの登録手順を確認</span></h3>



<figure class="wp-block-image alignnone size-medium wp-image-791"><img loading="lazy" decoding="async" width="232" height="300" src="https://buchikuma.xyz/wp-content/uploads/2018/08/グーグルアドセンスの登録方法-232x300.png" alt="グーグルアドセンスの登録方法：図解" class="wp-image-791" srcset="https://buchikuma.xyz/wp-content/uploads/2018/08/グーグルアドセンスの登録方法-232x300.png 232w, https://buchikuma.xyz/wp-content/uploads/2018/08/グーグルアドセンスの登録方法-768x995.png 768w, https://buchikuma.xyz/wp-content/uploads/2018/08/グーグルアドセンスの登録方法.png 800w" sizes="(max-width: 232px) 100vw, 232px" /><figcaption>グーグルアドセンスの登録方法</figcaption></figure>



<ol class="wp-block-list"><li>まずは、先ほどのリンクより、グーグルアドセンスの「お申し込みはこちら」をクリックしてください</li><li>上記の画像の通り、登録したいサイトのURLと、メールアドレスを登録してください。Gmailでもいいですし、自分のドメインを使っても構いません。<br>※無料ブログなどの「サブドメイン」でのサイト登録はできません。自分の「独自ドメイン」をつくりましょう。<br><p><p>【PR】</p>
<a rel="nofollow noopener" target="_blank" data-atag-id="11" data-post-id="790" href="https://px.a8.net/svt/ejp?a8mat=2TL691+912P2Q+50+2HMT4H">
<img loading="lazy" decoding="async" border="0" width="300" height="250" alt="" src="https://www21.a8.net/svt/bgt?aid=170629093546&wid=001&eno=01&mid=s00000000018015055000&mc=1"></a>
<img loading="lazy" decoding="async" border="0" width="1" height="1" src="https://www12.a8.net/0.gif?a8mat=2TL691+912P2Q+50+2HMT4H" alt=""><br />
<a rel="nofollow noopener" target="_blank" data-atag-id="13" data-post-id="790" class="btn btn-blue btn-m" href="https://px.a8.net/svt/ejp?a8mat=2TL691+912P2Q+50+2I1T8Y">お名前.com</a>
<img loading="lazy" decoding="async" border="0" width="1" height="1" src="https://www11.a8.net/0.gif?a8mat=2TL691+912P2Q+50+2I1T8Y" alt=""></p>
</li><li>「国の設定」、「利用規約に同意」などが続きます。</li><li>アカウントについての情報を登録していってください。</li><li>電話番号を登録し、最後に送信して終了です。</li><li>確認コードが、登録した電話番号に届きます。そちらを確認コード入力欄に入力してください。</li><li>サイトにAdsenseコードを貼ります。表示されているコードは、headタグの中にいれます。</li><li>Cocoonユーザーであれば、<a rel="noopener" target="_blank" class="docs-creator" href="https://wp-cocoon.com/community/cocoon-theme/グーグルアドセンス審査申込み時のコード貼付場/">グーグルアドセンス審査申込み時のコード貼付場所 | Cocoonテーマに関する質問 | Cocoon フォーラム</a><br>あたりが参考になるかと思います。</li><li>あとはアドセンス審査の結果を待つばかりです。</li></ol>



<div class="information-box">Cocoon設定の「解析タグ」挿入のところに、Adsenseコードを張ってもいいような気はしますが（headタグ内に挿入されるので）。わからなければ、「外観」→「テーマの編集」→右側にあるtmp-userをクリック→「head-insert.php」内にコピペするという流れになります。insert（挿入）用なので、[head]とは書いてありませんが、ちゃんとhead内に記入されるようになっています。</div>



<p class="wp-block-paragraph">お疲れ様でした。Adsenseが承認されることを祈ってます！</p>



<div class="wp-block-cocoon-blocks-toggle-box-1 toggle-wrap toggle-box block-box"><input id="toggle-checkbox-20210624074616" class="toggle-checkbox" type="checkbox"/><label class="toggle-button" for="toggle-checkbox-20210624074616">クリックで過去記事を表示</label><div class="toggle-content">
<h2 class="wp-block-heading"><span id="toc24">アドセンス登録までの心境と体験談、感想</span></h2>



<p class="wp-block-paragraph">タイトルの通りですが、google　アドセンスを始めてみました。</p>



<p class="wp-block-paragraph">48時間ほどは表示されないみたいなので、今はじっと広告が出るのを待っている段階です。</p>



<p class="wp-block-paragraph">google アドセンスの認証は割とハードルが高いとのことでしたが、かまえすぎてしまったのが、実際には承認は簡単なものでした。</p>



<p class="wp-block-paragraph">ただ、記事数と、運営日数を稼ぐためにそれなりの労力と時間は必要でしたが。</p>



<p class="wp-block-paragraph">申請方法や貼り方については他のブログのほうがよっぽど参考になるので、今回はgoogle adsenseを使うまでの経緯と感想を雑多に。</p>



<h3 class="wp-block-heading"><span id="toc25">趣味を収益化させたい、という思い</span></h3>



<p class="wp-block-paragraph">ぶちくまは、もともと文章を書く仕事がしたいなぁと思っていたことがありました。</p>



<p class="wp-block-paragraph">というか、本当のことを言えば、今でもその思いはあります。</p>



<p class="wp-block-paragraph">しかし、実際には、現実とは残酷なもので、まったく真逆の仕事をしているといっても過言ではありません。</p>



<p class="wp-block-paragraph">このまま、自分の思いとは逆行して人生が終わっていくのかぁと考えると、それはそれで仕方がないという思いと、こんなはずではなかった、という悲しい気持ちがこみあげてきました。</p>



<p class="wp-block-paragraph">それとは別に、念願のマイホームを建てる際に、情報収集をしていると、本当にたくさんのブログがweb内覧会やらまとめ記事を上げているのを拝見して、「ぶちくまもこんなことがしてみたいなぁ」と思い始めたのがきっかけでした。</p>



<p class="wp-block-paragraph">おそらく、収益としては頑張ったところでサーバーレンタル代とトントンだろうな、というのは予測できるところではありました。</p>



<p class="wp-block-paragraph">というのも、単純計算、一日に何千何万の有象無象としたネット社会の中で集客していくのはなかなか困難なことだということは容易に想像がつきます。</p>



<p class="wp-block-paragraph">それでも、自分の記事が、誰かの目に留まって、「なるほど」などうなずいていただけるかもしれない、という可能性を有していることは、なんだか胸が躍るような光景であります。</p>



<p class="wp-block-paragraph">妄想が妄想をよんで、気が付けば自分もブログを書いてみたいという思いが強まり、「社会人3年目で新築まとめ」と、いまでは「ぶちくまどっとこむ」というマイホームに次ぐ自分の秘密基地ができたわけです。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-16 sbs-stn sbp-r sbis-sb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ぶちくま圧縮.jpg" alt="ぶちくま" class="speech-icon-image"/></figure><div class="speech-name">ぶちくま</div></div><div class="speech-balloon">
<p class="wp-block-paragraph">大人ながら、なんだかわくわくしますよね。</p>
</div></div>



<p class="wp-block-paragraph">仕事が忙しいので、実際にはあまり記事を書くことはできませんが、なんだか20代の時に大学の友人と語った、あの頃の思いがよみがえるような、そんなキラキラとした感情が、おっさんの胸に宿っているのです。</p>



<p class="wp-block-paragraph">気持ち悪いですね。</p>



<p class="wp-block-paragraph">しかし、現実問題として、ただブログを書くよりも、それを収益につなげた方が、モチベーションにも関わります。</p>



<p class="wp-block-paragraph">そういったわけで、ブログの収益化を考え始めたのでありました。</p>



<h3 class="wp-block-heading"><span id="toc26">どうしてgoogle adsense？</span></h3>



<p class="wp-block-paragraph">「社会人3年目」でもアフィリエイトに手を出したのですが、その時は「紹介する商品についての記事を書いて、それに沿った広告を貼る」という、単発的と言いますか、その場限りといいますか、あまり生産性の高くない作業が必要でありました。</p>



<p class="wp-block-paragraph">これは、レビュー記事などの時はいいのですが、本来の記事にしたい「新築情報のまとめ」では関連性の薄い広告しかなく、なおかつ毎回それらを選定して貼っていく作業が必要となります。</p>



<p class="wp-block-paragraph">また、リンク切れの問題もえげつない。</p>



<p class="wp-block-paragraph">ぶちくまは家電やPC周辺機材、ゲームや本が好きなのですが、それらもトレンドを逃すと、レビューの価値は薄くなってしまいますから、新商品や話題・流行に沿って毎回記事を量産せねばなりません。</p>



<p class="wp-block-paragraph">本気でブログで生計を立てる覚悟と時間があればそちらのほうが集客と集金が見込めるのは当然ではありますが、さすがに余暇の中の、その中でもわずかな時間で記事を更新するしかない我々ブラック企業の奴隷社会人としてはそれもかないません。</p>



<p class="wp-block-paragraph">その点、google adsenseであれば、広告の内容はgoogle様のほうで選定していただけますので、継続的かつ永年的、さらには生産性も高いというまさに片手間ブログ運営にはもってこいだと感じました。</p>



<p class="wp-block-paragraph">まぁ、まだ1円の収入にもなっていないのですが。</p>



<p class="wp-block-paragraph">レビューを書いたときだけ、書いたもののアフィリエイト広告を貼ればいいので、労力はぐっと省エネできます。</p>



<p class="wp-block-paragraph">そう、期待しています。</p>



<h3 class="wp-block-heading"><span id="toc27">導入までの感想</span></h3>



<p class="wp-block-paragraph">google adsenseは、アフィリエイト収益の中でも、比較的難度が高いといわれています。</p>



<p class="wp-block-paragraph">まず、コンテンツの内容によっては承認されないことも多々ある、ということ。</p>



<p class="wp-block-paragraph">一般的なところを言えば、1か月ほどの期間運営しており、かつ、継続的に記事が更新されていることが大きな条件のひとつとなっているようです。</p>



<p class="wp-block-paragraph">ぶちくまどっとこむでは、およそ1か月、すでに運営していた「3年目」ブログより1/3程度流用しながら、ほぼ毎日更新し続け、その結果、あっさりと承認されていました。</p>



<p class="wp-block-paragraph">あんまりあっさりと承認されたので、承認されたのに気づかずに1週間承認メールを待ち続けたほどです。</p>



<p class="wp-block-paragraph">半月くらいで、15記事ほどでも承認されたという例もあるようですが、一度バツがついたサイトだと再申請もハードルが高そうな気がして、それに急いだところで、どうせ現段階ではほとんど集客できていないサイトなので、あせらずひと月、ひたすら記事を更新し続けた甲斐がありました。</p>



<p class="wp-block-paragraph">その他にも、</p>



<ul class="wp-block-list"><li>画像データを貼らない</li><li>他・自サイトリンクを貼らない</li><li>他アフィリエイトを利用しない</li></ul>



<p class="wp-block-paragraph">など、まことしやかではありますが、そのような噂を鵜呑みに、すべて徹底してみました。</p>



<p class="wp-block-paragraph">自分で撮った写真などは著作権の問題はクリアできているので利用していましたけどね。</p>



<p class="wp-block-paragraph">まだ広告が反映されていないので、自信はありませんが、Wordpressではプラグインもありますし、あるいはテーマに直接広告タグを埋め込むことで今後特に設定することなくgoogle様が広告を貼っていってくれるので、楽させてもらえそうです。</p>



<p class="wp-block-paragraph">アドセンス利用に制限があるので、広告の貼り方には注意が必要なようなのですが、それも他サイトを参考いただけるといいと思います。</p>



<p class="wp-block-paragraph">備忘録的には、サイドバーには「外観」→「ウィジェット」の「カスタムHTML」で、記事上下には、「テーマの編集」から直接テーマHTMLの「個別記事single.php」の該当箇所の中に埋め込んで、というコピペだけの作業なので簡単ではありました。</p>



<h4 class="wp-block-heading">今後の展開として</h4>



<p class="wp-block-paragraph">そうなると、あとは集客を目指すばかりです。</p>



<p class="wp-block-paragraph">本当のことを言えば、ぶちくまは恥ずかしがりなのでひっそりとブログ更新していきたい気持ちもあるのですが、もふもふの毛皮を被って、なるべく多くの人に辱めをうける覚悟はできています。</p>



<p class="wp-block-paragraph">勉強すべきことはまだまだたくさんありますが、趣味を収益に、そしてより充実した生活へ、をモットーに、頑張っていきたいと思います。</p>



<p class="wp-block-paragraph">本当に雑多な感想になってしまいましたが、こんなところで。</p>



<p class="wp-block-paragraph">ではでは。</p>
</div></div>



<div class="hidden_box"><input id="label1" type="checkbox"><br><label for="label1">クリックで過去記事を表示</label>
<p>&nbsp;</p>
<div class="hidden_show">
<p><!--非表示ここから--></p>
<h2><span id="toc28">アドセンス登録までの心境と体験談、感想</span></h2>
<p>タイトルの通りですが、google　アドセンスを始めてみました。</p>
<p>48時間ほどは表示されないみたいなので、今はじっと広告が出るのを待っている段階です。</p>
<p>google アドセンスの認証は割とハードルが高いとのことでしたが、かまえすぎてしまったのが、実際には承認は簡単なものでした。</p>
<p>ただ、記事数と、運営日数を稼ぐためにそれなりの労力と時間は必要でしたが。</p>
<p>申請方法や貼り方については他のブログのほうがよっぽど参考になるので、今回はgoogle adsenseを使うまでの経緯と感想を雑多に。</p>
<h3><span id="toc29">趣味を収益化させたい、という思い</span></h3>
<p>ぶちくまは、もともと文章を書く仕事がしたいなぁと思っていたことがありました。</p>
<p>というか、本当のことを言えば、今でもその思いはあります。</p>
<p>しかし、実際には、現実とは残酷なもので、まったく真逆の仕事をしているといっても過言ではありません。</p>
<p>このまま、自分の思いとは逆行して人生が終わっていくのかぁと考えると、それはそれで仕方がないという思いと、こんなはずではなかった、という悲しい気持ちがこみあげてきました。</p>
<p>それとは別に、念願のマイホームを建てる際に、情報収集をしていると、本当にたくさんのブログがweb内覧会やらまとめ記事を上げているのを拝見して、「ぶちくまもこんなことがしてみたいなぁ」と思い始めたのがきっかけでした。</p>
<p>おそらく、収益としては頑張ったところでサーバーレンタル代とトントンだろうな、というのは予測できるところではありました。</p>
<p>というのも、単純計算、一日に何千何万の有象無象としたネット社会の中で集客していくのはなかなか困難なことだということは容易に想像がつきます。</p>
<p>それでも、自分の記事が、誰かの目に留まって、「なるほど」などうなずいていただけるかもしれない、という可能性を有していることは、なんだか胸が躍るような光景であります。</p>
<p>妄想が妄想をよんで、気が付けば自分もブログを書いてみたいという思いが強まり、「社会人3年目で新築まとめ」と、いまでは「ぶちくまどっとこむ」というマイホームに次ぐ自分の秘密基地ができたわけです。</p>
<div class="speech-wrap sb-id-18 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/泣き圧縮.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>大人ながら、なんだかわくわくしますよね。</p>
</div>
</div>
<p>仕事が忙しいので、実際にはあまり記事を書くことはできませんが、なんだか20代の時に大学の友人と語った、あの頃の思いがよみがえるような、そんなキラキラとした感情が、おっさんの胸に宿っているのです。</p>
<p>気持ち悪いですね。</p>
<p>しかし、現実問題として、ただブログを書くよりも、それを収益につなげた方が、モチベーションにも関わります。</p>
<p>そういったわけで、ブログの収益化を考え始めたのでありました。</p>
<h3><span id="toc30">どうしてgoogle adsense？</span></h3>
<p>「社会人3年目」でもアフィリエイトに手を出したのですが、その時は「紹介する商品についての記事を書いて、それに沿った広告を貼る」という、単発的と言いますか、その場限りといいますか、あまり生産性の高くない作業が必要でありました。</p>
<p>これは、レビュー記事などの時はいいのですが、本来の記事にしたい「新築情報のまとめ」では関連性の薄い広告しかなく、なおかつ毎回それらを選定して貼っていく作業が必要となります。</p>
<p>また、リンク切れの問題もえげつない。</p>
<p>ぶちくまは家電やPC周辺機材、ゲームや本が好きなのですが、それらもトレンドを逃すと、レビューの価値は薄くなってしまいますから、新商品や話題・流行に沿って毎回記事を量産せねばなりません。</p>
<p>本気でブログで生計を立てる覚悟と時間があればそちらのほうが集客と集金が見込めるのは当然ではありますが、さすがに余暇の中の、その中でもわずかな時間で記事を更新するしかない我々ブラック企業の奴隷社会人としてはそれもかないません。</p>
<p>その点、google adsenseであれば、広告の内容はgoogle様のほうで選定していただけますので、継続的かつ永年的、さらには生産性も高いというまさに片手間ブログ運営にはもってこいだと感じました。</p>
<p>まぁ、まだ1円の収入にもなっていないのですが。</p>
<p>レビューを書いたときだけ、書いたもののアフィリエイト広告を貼ればいいので、労力はぐっと省エネできます。</p>
<p>そう、期待しています。</p>
<h3><span id="toc31">導入までの感想</span></h3>
<p>google adsenseは、アフィリエイト収益の中でも、比較的難度が高いといわれています。</p>
<p>まず、コンテンツの内容によっては承認されないことも多々ある、ということ。</p>
<p>一般的なところを言えば、1か月ほどの期間運営しており、かつ、継続的に記事が更新されていることが大きな条件のひとつとなっているようです。</p>
<p>ぶちくまどっとこむでは、およそ1か月、すでに運営していた「3年目」ブログより1/3程度流用しながら、ほぼ毎日更新し続け、その結果、あっさりと承認されていました。</p>
<p>あんまりあっさりと承認されたので、承認されたのに気づかずに1週間承認メールを待ち続けたほどです。</p>
<p>半月くらいで、15記事ほどでも承認されたという例もあるようですが、一度バツがついたサイトだと再申請もハードルが高そうな気がして、それに急いだところで、どうせ現段階ではほとんど集客できていないサイトなので、あせらずひと月、ひたすら記事を更新し続けた甲斐がありました。</p>
<p>その他にも、</p>
<ul>
<li>画像データを貼らない</li>
<li>他・自サイトリンクを貼らない</li>
<li>他アフィリエイトを利用しない</li>
</ul>
<p>など、まことしやかではありますが、そのような噂を鵜呑みに、すべて徹底してみました。</p>
<p>自分で撮った写真などは著作権の問題はクリアできているので利用していましたけどね。</p>
<p>まだ広告が反映されていないので、自信はありませんが、Wordpressではプラグインもありますし、あるいはテーマに直接広告タグを埋め込むことで今後特に設定することなくgoogle様が広告を貼っていってくれるので、楽させてもらえそうです。</p>
<p>アドセンス利用に制限があるので、広告の貼り方には注意が必要なようなのですが、それも他サイトを参考いただけるといいと思います。</p>
<p>備忘録的には、サイドバーには「外観」→「ウィジェット」の「カスタムHTML」で、記事上下には、「テーマの編集」から直接テーマHTMLの「個別記事single.php」の該当箇所の中に埋め込んで、というコピペだけの作業なので簡単ではありました。</p>
<h4>今後の展開として</h4>
<p>そうなると、あとは集客を目指すばかりです。</p>
<p>本当のことを言えば、ぶちくまは恥ずかしがりなのでひっそりとブログ更新していきたい気持ちもあるのですが、もふもふの毛皮を被って、なるべく多くの人に辱めをうける覚悟はできています。</p>
<p>勉強すべきことはまだまだたくさんありますが、趣味を収益に、そしてより充実した生活へ、をモットーに、頑張っていきたいと思います。</p>
<p>本当に雑多な感想になってしまいましたが、こんなところで。</p>
<p>ではでは。<br><!--ここまで--></p>
</div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://buchikuma.xyz/easy-adsense/feed/</wfw:commentRss>
			<slash:comments>13</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">790</post-id>	</item>
		<item>
		<title>個人ブログにSSLが必要な理由と最低限必要な7つの変更後の設定</title>
		<link>https://buchikuma.xyz/ssl-7-personal-blog/</link>
					<comments>https://buchikuma.xyz/ssl-7-personal-blog/#comments</comments>
		
		<dc:creator><![CDATA[ぶちくま]]></dc:creator>
		<pubDate>Wed, 15 Aug 2018 06:41:34 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://buchikuma.xyz/?p=711</guid>

					<description><![CDATA[サーバーがhttps、つまりSSLに対応しているのなら、 ブログを始めるならぜひ全力で取り組んでもらいたい。 開設前であればサーバーの方で勝手にやってくれる。 これが開設後だといろいろ設定があるのでまとめてみました。 S [&#8230;]]]></description>
										<content:encoded><![CDATA[<h5>サーバーがhttps、つまりSSLに対応しているのなら、<br />
ブログを始めるならぜひ全力で取り組んでもらいたい。<br />
開設前であればサーバーの方で勝手にやってくれる。<br />
これが開設後だといろいろ設定があるのでまとめてみました。</h5>
<p>SSL対応、すすんでますか？<br />
2017年の古い記事ですが、参考になればぜひ。</p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-8" checked><label class="toc-title" for="toc-checkbox-8">INDEX</label>
    <div class="toc-content">
    <ol class="toc-list open"></li><li><a href="#toc1" tabindex="0">個人ブログなのにSSLが必要な理由</a><ol><li><a href="#toc2" tabindex="0">GoogleはSSLサイトであることを評価している</a></li><li><a href="#toc3" tabindex="0">SSLとはサイトが保護されているという証明</a></li><li><a href="#toc4" tabindex="0">それ、個人のブログでも必要なの？</a></li></ol></li><li><a href="#toc5" tabindex="0">最低限必要な7つの設定とは</a><ol><li><a href="#toc6" tabindex="0">１サーバーのSSL化</a></li><li><a href="#toc7" tabindex="0">２wordpressに認証させる</a></li><li><a href="#toc8" tabindex="0">３google アナリティクスに認証させる</a></li><li><a href="#toc9" tabindex="0">４ついでにgoogle search consoleも変更</a></li><li><a href="#toc10" tabindex="0">５wordpress内の記事については、search regexで一括返還</a></li><li><a href="#toc11" tabindex="0">６アフィリエイト登録などしたサイトにも変更手続きを</a></li><li><a href="#toc12" tabindex="0">７うっかりhttpアドレスにたどり着いた人を、httpsアドレスへ誘導</a></li></ol></li><li><a href="#toc13" tabindex="0">残念なことに、バグが起きた</a><ol><li><a href="#toc14" tabindex="0">なんだかんだで、SSL化はできた、ということにする</a></li></ol></li></ol>
    </div>
  </div>

<h2><span id="toc1">個人ブログなのにSSLが必要な理由</span></h2>
<p>SSLなしではもはやサイトにあらず、とGoogleさんが言いますので、<br />
個人ブログといえどSSL化が必要な時代となりました。<br />
とはいえ、セキュリティ管理については我々も人ごとではないし、<br />
なんだったら問い合わせとか設置しているなら個人情報を取り扱っているわけだ。<br />
SSLにも積極的に挑戦しましょう！</p>
<h3><span id="toc2">GoogleはSSLサイトであることを評価している</span></h3>
<div>これは、正直ぶちくまもよくわかっとらんのですが、</div>
<div>Googleさまが、<span class="bold">https</span>を優遇しますよ。<br />
という施策を打ち出したそうです。</div>
<div>つまり、今後、どのようなページであろうと、<br />
セキュリティ対策してください、</div>
<div>SSL化してください、</div>
<div>というお告げがあったのです。</div>
<h3><span id="toc3">SSLとはサイトが保護されているという証明</span></h3>
<div>簡単に説明します。</div>
<div class="information-box">これまでhttp　というアドレスに、https　というSがくっつき始めたのは、お気づきでしたでしょうか。<br />
インターネットなしにはもはや買い物もできないくらいの時代になって、<br />
ネット上のセキュリティ対策も問題になったわけです。<br />
よりセキュリティを強化した、いわば保護されたサイトが必要になりました。<br />
そして、誰でもみてわかるような証明も必要です。<br />
安心して、物のやり取り、お金のやり取り、果てはデータのやり取りにも、ちゃんと保護された環境にはマークをつけましょう、ということになりました。<br />
このサイトはちゃんと保護してますよ、っていうのが、SSL化された証として出るようになったのです。</div>
<div>ざっくりですが、こんな感じ。</div>
<div>
<h3><span id="toc4">それ、個人のブログでも必要なの？</span></h3>
<div>実際にセキュリティが必要なやりとりは、個人程度のブログでは求められているわけではありません。</div>
<div>んが、「このブログは安心して閲覧していいですよ」というサインのひとつとして、</div>
<div>SSL化してあることは損するものではありません。</div>
<div>また、個人でも悪いことをしていないサイト、と太鼓判をおしてもらうことはいいことですし、</div>
<div>なにより、今後、「このサイトはセキュリティに難あり！！」とでかでかと表示されるようになるとのことですし、</div>
<div>個人のブログであっても、今後も運営していくのであれば早めにSSL可しておいたほうがいいということです。</div>
</div>
<h2><span id="toc5">最低限必要な7つの設定とは</span></h2>
<p>幸いなことに、私が利用しているレンタルサーバーは、<br />
なんと無料でSSLに対応していました。<br />
最初から知っていれば、SSL証明書をすぐに発行してもらえていたのですが、<br />
まぁ情弱はおとなしく作業をこなすしかないのです。</p>
<p><div class="blank-box bb-tab bb-check bb-yellow"><p>【PR】</p>
<a rel="nofollow noopener" target="_blank" data-atag-id="5" data-post-id="711" href="https://px.a8.net/svt/ejp?a8mat=2TL690+FKUE6A+CO4+69HA9">
<img loading="lazy" decoding="async" border="0" width="300" height="250" alt="" src="https://www28.a8.net/svt/bgt?aid=170629092942&wid=003&eno=01&mid=s00000001642001052000&mc=1"></a>
<img loading="lazy" decoding="async" border="0" width="1" height="1" src="https://www17.a8.net/0.gif?a8mat=2TL690+FKUE6A+CO4+69HA9" alt=""><br />
<a rel="nofollow noopener" target="_blank" data-atag-id="6" data-post-id="711" class="btn btn-blue btn-s" href="https://px.a8.net/svt/ejp?a8mat=2TL690+FKUCMQ+CO4+609HU">エックスサーバーのHPへ移動</a>
<img loading="lazy" decoding="async" border="0" width="1" height="1" src="https://www17.a8.net/0.gif?a8mat=2TL690+FKUCMQ+CO4+609HU" alt=""></div>
</p>
<div>
<div>
<h3><span id="toc6">１サーバーのSSL化</span></h3>
<div>これはエックスサーバーの場合になってしまうのだけど、サーバーパネルにログイン、右側中段くらいのドメイン欄に「SSL設定」があるから</div>
<div>そこから自分の使用しているドメインを選択して、独自SSLの設定をしてくれい。</div>
<div>SSL化すると、1時間くらい待たされるが、あとはエックスサーバーのほうで、SSL化したサイトを用意してくれるぜ。</div>
<h3><span id="toc7">２wordpressに認証させる</span></h3>
<div>今度はwordpressにログインして、ダッシュボード内にある設定から、これまでのサイトアドレス　http から、https　と</div>
<div>Sをつけ足すだけでOK。</div>
<div>これだけで、httpsアドレスからでもちゃんと認証してくれるようになる。</div>
<h3><span id="toc8">３google アナリティクスに認証させる</span></h3>
<div>ここからはマストではない。<br />
要は、これまでブログ開設した後に認証していった、あれやこれやのサービス、リンク設定などを修正していくという作業。</div>
<div>グーグル様にもサイトアドレスが変わったことを教えてあげてください。</div>
<div>これも設定の歯車マークから、アカウント設定で修正すればOK</div>
<h3><span id="toc9">４ついでにgoogle search consoleも変更</span></h3>
<div>これはちょっと自分でもどうやったかは覚えていないのだけど、<br />
google search consoleにもアドレス変更して認証させる作業があることだけ覚えておいてください。</div>
<h3><span id="toc10">５wordpress内の記事については、search regexで一括返還</span></h3>
<div>今度は、wordpress内の記事にも、アドレス変更を反映させます。</div>
<div>今回はプラグインを使います。</div>
<div>search regex　というプラグインをインストールし、</div>
<div>httpアドレス を　httpsアドレス に変換するだけ。</div>
<div>便利です。</div>
<div>ぶちくまは何とか手作業でもいけるところだったけど、<br />
見落としも考慮し検索かけて変換しました。</div>
<h3><span id="toc11">６アフィリエイト登録などしたサイトにも変更手続きを</span></h3>
<div>これはぶちくまはやってないのでOK。</div>
<h3><span id="toc12">７うっかりhttpアドレスにたどり着いた人を、httpsアドレスへ誘導</span></h3>
<div>これもプラグインでできますが、FTPでサーバーにログインして.htaccessファイルを編集する、というやり方でもできます。</div>
<div>んが、ややこしいです。</div>
<div>ぶちくまは、エックスサーバーのファイルマネージャにログインし、</div>
<div>自分のサイトファイルの中にある、「public html」ファイル内へ、その中に「.htaccessファイル」というのがあるので</div>
<div>それを直接書き換えました。</div>
<div>なんとか、誘導はできているみたいです。</div>
<div>ブログを起動させる重要なファイルなので、コピーなどしてバックアップを取っておくことを推奨します。</div>
<div></div>
<div>やることはおおむねこれくらいでしょうか。</div>
</div>
<h2><span id="toc13">残念なことに、バグが起きた</span></h2>
<div>ぶちくまのサイトはバグが起きました。</div>
<div>いまだに治っているのかどうかはわかりません。</div>
<div>バグを洗い出すには、ブラウザのgoogle chromeで該当ページを開き、</div>
<div>右上…の設定画面から「その他のツール」→デベロッパーツールを開いてください。</div>
<div>そこからバグを洗い出せるのですが、残念ながらぶちくまにはどれがバグかはわかりませんでした。</div>
<div>しかし、どうやらテーマの呼び出しに失敗している感じがあったので、</div>
<div><span class="marker">いったん別のテーマに変換し、また戻すと、正常に表示されるように</span>なりました。</div>
<div>いったい何が起きていたかはわかりません。</div>
<h3><span id="toc14">なんだかんだで、SSL化はできた、ということにする</span></h3>
<div>どうですか、ぶちくま創作ベース、アドレスバーにカギ付いてないですか？</div>
<div>皆さんも、これから長くサイト運営するようであれば、SSL可は必須です。</div>
<div>あるいは、これから始める方も、いろいろ設定をしていく前に、SSL可しておいたほうが無難です。</div>
<div>お金を出して専門の人にやってもらいたいくらい面倒な作業なので、</div>
<div>最初にやっておくとすこぶる楽です。</div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://buchikuma.xyz/ssl-7-personal-blog/feed/</wfw:commentRss>
			<slash:comments>9</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">711</post-id>	</item>
		<item>
		<title>AMP対応に3日ほど費やしてみたけど特に得られたものはなかった</title>
		<link>https://buchikuma.xyz/amp/</link>
					<comments>https://buchikuma.xyz/amp/#comments</comments>
		
		<dc:creator><![CDATA[ぶちくま]]></dc:creator>
		<pubDate>Wed, 29 Aug 2018 01:02:43 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://buchikuma.xyz/?p=821</guid>

					<description><![CDATA[どうも、ぶちくまです。 AMPという、モバイル端末でAMP対応ページにアクセスするとまじで秒速で表示されます。 当サイトでも採用してみましたが、色々なエラーが吐き出されて3日ほど対応費やしました。 ぶちくま 最初からAM [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">どうも、ぶちくまです。</p>



<p class="wp-block-paragraph">AMPという、モバイル端末でAMP対応ページにアクセスするとまじで秒速で表示されます。</p>



<p class="wp-block-paragraph">当サイトでも採用してみましたが、色々なエラーが吐き出されて3日ほど対応費やしました。</p>



<div class="speech-wrap sb-id-18 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/泣き圧縮.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>最初からAMP対応しているテーマにするのが一番だね！</p>
</div>
</div>



<p class="wp-block-paragraph">めっちゃいろいろ書いていますけど、実はこれ、前のブログの記事でして、おそらくこのブログに訪問される方は「Cocoon」ユーザーがほとんどだと思いますので、クリックひとつで解決します。</p>



<div class="speech-wrap sb-id-19 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/喜び圧縮.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>いい時代に生まれてきました！</p>
</div>
</div>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-10" checked><label class="toc-title" for="toc-checkbox-10">INDEX</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">サイト高速化するならAMP対応は必須！</a><ol><li><a href="#toc2" tabindex="0">導入方法</a></li><li><a href="#toc3" tabindex="0">サイトを高速表示をするなら別の方法もある</a></li></ol></li><li><a href="#toc4" tabindex="0">「えーえむぴー」とは</a><ol><li><a href="#toc5" tabindex="0">高速化された携帯端末の閲覧記事</a></li></ol></li><li><a href="#toc6" tabindex="0">AMPに対応するメリットとは</a><ol><li><a href="#toc7" tabindex="0">①記事コンテンツのサイト表示が早くなる</a></li><li><a href="#toc8" tabindex="0">②検索結果のカルーセル表示部分にサイトが表示される</a></li></ol></li><li><a href="#toc9" tabindex="0">対応のデメリット</a><ol><li><a href="#toc10" tabindex="0">①デザインの変更を余儀なくされる</a></li><li><a href="#toc11" tabindex="0">②対応プラグインを使用した場合、デザインが他サイトと似たような感じになる</a></li><li><a href="#toc12" tabindex="0">③エラー対応面倒すぎ</a></li></ol></li><li><a href="#toc13" tabindex="0">導入までの備忘録</a><ol><li><a href="#toc14" tabindex="0">①wordpressの自分のサイトに「AMP for WP」というプラグインをインストール、有効化する。</a></li><li><a href="#toc15" tabindex="0">②「AMP for WP」の設定を済ませる</a></li><li><a href="#toc16" tabindex="0">③Google Search Consoleを使ってAMP化したページを確認してみる。</a></li><li><a href="#toc17" tabindex="0">④エラー対応として「JetPack」を無効</a></li><li><a href="#toc18" tabindex="0">⑤エラーは起きてないけど対応を要する案件</a></li><li><a href="#toc19" tabindex="0">⑥12/29追記　Table Of Contents Plusが原因と思われるエラー対応</a></li><li><a href="#toc20" tabindex="0">⑦結局、WordPressのテーマ変更が一番ラクだった件</a></li></ol></li><li><a href="#toc21" tabindex="0">特にPV数も変化せず</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">サイト高速化するならAMP対応は必須！</span></h2>



<p class="wp-block-paragraph">AMPはGoogleが推し進めている、モバイルユーザーが離脱しないようにとにかく「高速」で表示できるようにする目的で推進しているものです。</p>



<p class="wp-block-paragraph">AMPページは本当に表示が一瞬です。</p>



<h3 class="wp-block-heading"><span id="toc2">導入方法</span></h3>



<div class="blank-box bb-tab bb-hint bb-yellow">
<ul>
<li>AMP対応しているテーマにする（WordPressの場合）</li>
<li>AMPに変換するプラグインを使用する（今回はこれ）</li>
<li>AMPに対応できる記述に書き換えて、AMPのときだけ条件分岐して表示する（難易度高め）</li>
</ul>
</div>



<div>最終的には、私もテーマを変更することで心おだやかにAMP生活を満喫しています。</div>



<p class="wp-block-paragraph">プログラム系が苦手な人は、自分でなんとかしようとせず、テーマ変更の方が楽だと思います。</p>



<h3 class="wp-block-heading"><span id="toc3">サイトを高速表示をするなら別の方法もある</span></h3>


<div class="blank-box bb-tab bb-pickup bb-red">
<ol>
<li><a rel="noopener" href="https://buchikuma.xyz/acceleration-cocoon/" target="_blank">ブログ高速化のためにやった5つの方法｜WordPressテーマはCocoon</a></li>
<li><a rel="noopener" href="https://buchikuma.xyz/acceleration-image/" target="_blank">Cocoonを高速化する際に必須の画像最適化方法|WPプラグイン</a></li>
<li><a rel="noopener" href="https://buchikuma.xyz/cache-plugin/" target="_blank">キャッシュ最適化のためにWP Fastest Cacheを導入</a></li>
<li><a rel="noopener" href="https://buchikuma.xyz/head-footer-plugin/" target="_blank">Headをすっきりさせて読み込みを早くするお勧めのWPプラグイン</a></li>
<li><a rel="noopener" href="https://buchikuma.xyz/xserver-pagespeed/" target="_blank">エックスサーバー利用者なら簡単にサイト高速化ができる方法を伝授！</a></li>
<li><a rel="noopener" href="https://buchikuma.xyz/cdn-jetpack-cloudflare/" target="_blank">CDN導入のためにJetpackとCloudflareを使った感想</a></li>
</ol>
</div>




<p class="wp-block-paragraph">あと、PWAというアプリ化する方法もあるのだけど、それはまた別の機会で。</p>



<h2 class="wp-block-heading"><span id="toc4">「えーえむぴー」とは</span></h2>



<p class="wp-block-paragraph">これはもう簡単に書きます。</p>



<p class="wp-block-paragraph">Googleさんが、一昨年あたりから取り組んでいる事業です。</p>



<div class="information-box">とりあえず今後はスマホとかのモバイル端末の検索がほとんどだから、そういうユーザーが使いやすいように、AMPっていうページ設定を取り入れることで、閲覧しやすいようにしようぜ</div>



<p class="wp-block-paragraph">っていうやつです。</p>



<h3 class="wp-block-heading"><span id="toc5">高速化された携帯端末の閲覧記事</span></h3>



<p class="wp-block-paragraph">この、AMPっていうのは<strong>Accelerated mobile pages</strong> が正式名称でして、和訳すれば、「高速化された携帯端末の閲覧記事」というところでしょう。</p>



<p class="wp-block-paragraph">辞書は引いてない。</p>



<p class="wp-block-paragraph">これは体感してもらえれば良いのですが、<del>試しにぶちくまどっとこむ内の記事URLの最後尾に「/amp」をつけてみてください。</del>多分スマホじゃなくても表示はされますが、スマホ表示に最適化はされています、そのはず。</p>



<p class="wp-block-paragraph">ちょっとニュアンスは変わりますが、同じような記事が閲覧できますでしょうか。</p>



<h4 class="wp-block-heading">SimplicityやCocoonはURLにつけるものが違う</h4>



<p class="wp-block-paragraph">ブログテーマをSimplicityに変更したので、AMP化のためには「/?amp=1」を後ろにつけるに変わりました。</p>





<a rel="noopener" target="_blank" href="https://buchikuma.com/house/info/toto-bath-flooring/?amp=1" title="要注意！TOTOのホッカラリ床のカビがすごくて萎える" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://buchikuma.xyz/wp-content/uploads/cocoon-resources/blog-card-cache/b99394bae3bbd71f204b1c752cd0930d.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="107" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">要注意！TOTOのホッカラリ床のカビがすごくて萎える</div><div class="blogcard-snippet external-blogcard-snippet">TOTOのほっカラリ床のカビがすごくて修理依頼（という名のクレーム）をしてみましたという話。ネーミングセンスが良すぎてもうほっカラリしてないと許せないレベル。TOTOのお兄さんに掃除法を伝授してもらいました。結果、とにかく毎日掃除をするしか...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://gatahome.com/toto-bath-flooring/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">gatahome.com</div></div></div></div></a>




<p class="wp-block-paragraph"><a rel="noopener" class="docs-creator" href="https://buchikuma.xyz/link-unit/" target="_blank">怪しさMAXのリンクユニット風箇条書きリスト｜読者を困惑させてもメリットなし</a></p>



<p class="wp-block-paragraph">クリックと同時に、画像イメージも含め、ほとんど全てのコンテンツが表示されたのではないでしょうか。</p>



<p class="wp-block-paragraph">ちょっと遅れて広告が表示されるくらい。これが、AMP対応ということです。</p>



<h2 class="wp-block-heading"><span id="toc6">AMPに対応するメリットとは</span></h2>



<p class="wp-block-paragraph">今の所、検索のランキング要件には絡まないとのことですが、今後、AMPに対応したウェブページが上位検索されることは間違い無いでしょう。</p>



<p class="wp-block-paragraph">グーグルさんのご機嫌に合わせてウェブコンテンツを編集するのは我々ブロガーの宿命とも言えますが、もちろん、メリットもあるわけです。</p>



<h3 class="wp-block-heading"><span id="toc7">①記事コンテンツのサイト表示が早くなる</span></h3>



<p class="wp-block-paragraph">これは当然のことですね、それが目的だから。</p>



<p class="wp-block-paragraph">具体的に言うと、最近、コンテンツ表示も凝ったものが多くて、特に広告なんかは目を引くために色々な技巧（JavaScriptなど）を取り入れております。</p>



<p class="wp-block-paragraph">処理が重くなるので、それらを求めていないニュース記事なんかでは、シンプルなAMP表示にすることで、読者はスムーズに記事内容に集中できるようになるわけです。</p>



<p class="wp-block-paragraph">優良なサイトであれば他の記事も読みたいなぁ、となるのが一番ですね。</p>



<h3 class="wp-block-heading"><span id="toc8">②検索結果のカルーセル表示部分にサイトが表示される</span></h3>



<p class="wp-block-paragraph">これは、モバイル探索結果で、トップニュース枠という別枠のカルーセルの中に、AMPに対応した記事を表示してもらえる、というものです。</p>



<p class="wp-block-paragraph">検索結果の中から求めている情報を持った記事をユーザーは求めているので、みやすそうな記事を一瞬で見極めるのに、AMP対応ページは優秀といえます。</p>



<h2 class="wp-block-heading"><span id="toc9">対応のデメリット</span></h2>



<p class="wp-block-paragraph">本記事の本題となります。<br>デメリット多すぎ。<br>導入面倒すぎ。</p>



<h3 class="wp-block-heading"><span id="toc10">①デザインの変更を余儀なくされる</span></h3>



<p class="wp-block-paragraph">AMPに対応させる、ということは、サイトの表現方法をAMPに準拠させる必要があります。</p>



<p class="wp-block-paragraph">つまり、できることが限られるということ。</p>



<p class="wp-block-paragraph">サイトの表現に（知らず知らずに）<span class="bold red">使っていたタグが禁止</span>されていることがままあるため、せっかく作り上げた自分のブログ（サイト）を見直す必要があります。</p>



<h3 class="wp-block-heading"><span id="toc11">②対応プラグインを使用した場合、デザインが他サイトと似たような感じになる</span></h3>



<p class="wp-block-paragraph">WordPressでブログを管理している方は、プラグインでAMP導入すること自体はハードル低いです。</p>



<p class="wp-block-paragraph">プラグインで生成されたサイト表示は、だいぶシンプルなものなので、AMP対応した他サイトと、見分けがつかなくなります。</p>



<h3 class="wp-block-heading"><span id="toc12">③エラー対応面倒すぎ</span></h3>



<p class="wp-block-paragraph">ただ、HTMLをHTML AMPに切り替えるところまではやってくれるのですが、それによって生じるエラーは自分で直さないといけません。</p>



<div class="speech-wrap sb-id-20 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ずーん圧縮.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>これが結構大変。</p>
</div>
</div>



<p class="wp-block-paragraph">そもそも、HTMLもCSSもチンプンカンプンのぶちくまからするとわからないことが一挙に押し寄せてきてパンク状態です。</p>



<h2 class="wp-block-heading"><span id="toc13">導入までの備忘録</span></h2>



<p class="wp-block-paragraph">ここからは本当にメモがわりです。</p>



<p class="wp-block-paragraph">何かのご参考になれば幸いですが、多分なんの解決にもならないと思う。</p>



<p class="wp-block-paragraph">でも、一応、プログラムもHTMLもCSSも何も記述できないぶちくまでも、導入はできたので、皆さんもレッツトライです！</p>



<h3 class="wp-block-heading"><span id="toc14">①wordpressの自分のサイトに「AMP for WP」というプラグインをインストール、有効化する。</span></h3>



<p class="wp-block-paragraph">なんと、これだけで、とりあえずAMP対応ページが生成されます。</p>



<div class="speech-wrap sb-id-20 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ずーん圧縮.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>なんだ楽チンじゃ無いか、と思ったのもつかの間ですよ。</p>
</div>
</div>



<p class="wp-block-paragraph">ちなみに、Wordpressも「AMP」という、まんまなプラグインをリリースしており、多くの方はこのプラグインからAMP対応したページを作っています。</p>



<p class="wp-block-paragraph">ので、何かトラブルあった時の解決方法は、たくさんの人で共有されているので「AMP」の方がお勧めではある。</p>



<h3 class="wp-block-heading"><span id="toc15">②「AMP for WP」の設定を済ませる</span></h3>



<p class="wp-block-paragraph">「AMP」よりも使いやすいところは、この「AMP for WP」のプラグインだけで、Google Adsenseの設置や、Analiticsの有効化ができるところですね。</p>



<p class="wp-block-paragraph">さらに、デザインも選択できるので、HTMLやCSSが記述できない（どころか読めもしない）くま達でもレイアウトができるというところ。</p>



<p class="wp-block-paragraph">ぶちくまは見出しと、カエレバカスタマイズのCSSだけ記述しました。</p>



<p class="wp-block-paragraph">勝手に関連記事も抜き出してくれているので、これはそのまま流用。その他設定も何となくやっていきます。</p>



<p class="wp-block-paragraph">もし需要があれば詳しいところも書いていきますが、とりあえずはこんなで。</p>



<p class="wp-block-paragraph">ちなみに、NIFの楽園さんの「【WordPress】【Plug-in】『AMP for WP– Accelerated Mobile Pages』の機能と使い方ーカスタマイズ編」が涙が出るほどわかりやすいので参考にしてます。</p>



<h3 class="wp-block-heading"><span id="toc16">③Google Search Consoleを使ってAMP化したページを確認してみる。</span></h3>



<p class="wp-block-paragraph">テスト方法はいろいろありますが、ぶちくまはGoogle Search Consoleを使いました。</p>



<p class="wp-block-paragraph">Googleさんが巡回（クロール）に来るまで待って、対応後数日してから右タブの「検索での見え方」の中に<strong>「Accelerated Mobile Pages」</strong>というものがあります。</p>



<p class="wp-block-paragraph">そいつをチェックすると、面白いくらいにエラーを吐き出しているページがあるのを目の当たりにするはず。これが現状です。</p>



<p class="wp-block-paragraph">ちなみに、生成されたAMPサイトURLに、「#development=1」をつけてディベロッパーツールで確認する、という方法もあります。</p>



<p class="wp-block-paragraph">Google Chromeの右上の三本線のメニューボックスの中に、「その他のツール」→「デベロッパーツール」を開きます。</p>



<p class="wp-block-paragraph">すると、何だか大量のアルファベットが襲いかかって来るので、うんざりするところ。ここの上部に「Console」メニューがあるので、そこを見てみると、「Powered by AMP &#x26a1;HTML」うんちゃらなどという記述があります。</p>



<p class="wp-block-paragraph">これがあれば、AMPとして認識はしてくれているみたいです。</p>



<div class="wp-block-image"><figure class="aligncenter"><img decoding="async" src="https://buchikuma.com/wp-content/uploads/2017/12/amp対応コンソール-1024x640.jpg" alt="" class="wp-image-575"/></figure></div>



<h3 class="wp-block-heading"><span id="toc17">④エラー対応として「JetPack」を無効</span></h3>



<p class="wp-block-paragraph">ちなみに、ぶちくまはもう一つほとんど役にも立たない記事（主にゲームなど）を寄せ集めている、別ブログ（このブログや）があるのですが、そちらで試して見たところ、なんとエラーがない！</p>



<p class="wp-block-paragraph">まぁ、そっちはもともとほぼ装飾も何もないページなので、これでエラーが出たらプラグインの問題としか言いようがない。</p>



<p class="wp-block-paragraph">とはいえ、ぶちくまどっとこむだって、そんなに大したことはしていない。</p>



<p class="wp-block-paragraph">だってJavaScriptが何なのかすらわからないんだからね。</p>



<p class="wp-block-paragraph">はて、何が原因なのかな、ということで、ネット検索してみると、JetPackというプラグインの<a rel="noopener" class="docs-creator" href="https://buchikuma.xyz/cdn-jetpack-cloudflare/" target="_blank">Photon機能</a>というのが悪さをしているとのこと。</p>



<div class="blank-box bb-tab bb-pickup bb-red"><a rel="noopener" class="docs-creator" href="https://buchikuma.xyz/cdn-jetpack-cloudflare/" target="_blank">CDN導入のためにJetpackとCloudflareを使った感想</a></div>



<p class="wp-block-paragraph">そして、エラーの出ないブログの方では有効化していない。</p>



<p class="wp-block-paragraph">これだ、ということで、JetPackは無効にしたところ、AMPとして認識してもらえました。</p>



<p class="wp-block-paragraph">ちなみに、出てきたエラーが、「img(画像？）のwitdh（幅）などが” ”（指定なし）となっており、無効」みたいな感じのやつでした。</p>



<p class="wp-block-paragraph">多分、JetPackが何なのかは知らないけど、画像系に干渉するやつだったんでしょう。</p>



<h3 class="wp-block-heading"><span id="toc18">⑤エラーは起きてないけど対応を要する案件</span></h3>



<p class="wp-block-paragraph">まだ終わってません。</p>



<p class="wp-block-paragraph">なんとかAMPとしては認識してもらえませんが、エラーではないものの、なぜか、「カエレバ」さんのAmazon商品画像がとんでもない状態になっとる。</p>



<div class="wp-block-image"><figure class="aligncenter"><img decoding="async" src="https://buchikuma.com/wp-content/uploads/2017/12/コンソール2-1024x640.jpg" alt="" class="wp-image-577"/></figure></div>



<div class="speech-wrap sb-id-20 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ずーん圧縮.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>原因を探索するためにネット検索してもわからん。</p>
</div>
</div>



<p class="wp-block-paragraph">ちなみに、そういったエラーなどがどうして起きているのか、デザインは何のHTML、CSSの影響で表現されているのか、を調べるためにも、先のGoogleさんのデベロッパーツールが役に立ちます。</p>



<p class="wp-block-paragraph">それで読んでみると、ちょっとどういうわけだかはわからないけど、画像が実際のサイズより、なぜか縦（height）に40％ほど圧縮されている、という記述があるのはわかった。</p>



<p class="wp-block-paragraph">ただ、それがどうして起こっているのかがわからない。</p>



<p class="wp-block-paragraph">そして、その記述に関与しているのが、どうやら「element.style」というものが、このような写真幅にしているみたいです。</p>



<p class="wp-block-paragraph">ちょっと詐欺みたいな画像になってるので、なんとか直したいのですが、ここでお手上げ。</p>



<p class="wp-block-paragraph">対策として、CSSを少し書き換えて（というか書き換えたものを拝借して）写真があまり目立たないようなサイズとなるように変更しました。</p>



<p class="wp-block-paragraph">どうしたらいいか、続報ができることを願ってます。</p>



<h3 class="wp-block-heading"><span id="toc19">⑥12/29追記　Table Of Contents Plusが原因と思われるエラー対応</span></h3>



<p class="wp-block-paragraph">全く年の瀬だというのにエラー対応することになるとは。<br>実は、この記事自体がAMPでエラーを起こしていました。<br>内容は、</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>タグ「span」の属性「id」に無効な値「AMP」が設定されています。</p></blockquote>



<p class="wp-block-paragraph">というものでした。</p>



<p class="wp-block-paragraph">自分でタグの設定をした覚えはないので、何かしら自動で勝手にタグ付けされているのだと思います。</p>



<p class="wp-block-paragraph">多分、ですけど、ワードプレスでよく目次作成に利用されているTable of Contents Plusというプラグインがあるのですが、これが目次を引っ張ってくるために、見出し文にタグ付けしているのではないか、と、素人ながらに考えています。</p>



<p class="wp-block-paragraph">ほんで、日本語はスルーして、アルファベット表記の部分をタグ付けの名前にしているみたいなので、見出しの中に「AMP」という単語があると、禁止されている属性「id」である「AMP」という値を出してしまっているのではないでしょうか。</p>



<p class="wp-block-paragraph">まぁ、これはHTMLが全く読めないぶちくまの勝手な予想なのですが。</p>



<p class="wp-block-paragraph">試しに、見出しの文章からAMPという文字を取り除いてやるとエラーは消えました。</p>



<p class="wp-block-paragraph">こういうエラー対応していると、ちゃんと勉強してみたかったなぁという気持ちになりますね。</p>



<div class="speech-wrap sb-id-16 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ぶちくま圧縮.jpg" alt="ぶちくま"></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>今リライトしながら読んでますけど、やはり少し勉強するとエラーの原因が何のことを言っているのかわかるので、いいもんですね！</p>
</div>
</div>



<h3 class="wp-block-heading"><span id="toc20">⑦結局、WordPressのテーマ変更が一番ラクだった件</span></h3>



<p class="wp-block-paragraph">はい、というわけで追記です。</p>



<p class="wp-block-paragraph">ブログテーマをXeory BaseからSimplicityに変更しました。もうね、これだけで安定したAMPが楽しめますよ。</p>



<p class="wp-block-paragraph">⑤のカエレバ にも対応しています。しかも、こちらで何もCSSいじらずにシンプルでみやすいリンクがボタン化されています。<br>至れり尽くせり。</p>



<p class="wp-block-paragraph">シンプリシティではなくても、AMP対応しているテーマは昨年あたりから軒並み増えております。</p>



<p class="wp-block-paragraph">Lionテーマは何もいじらずかっこいいし、今後有償版も出されるということで、今後もアップデートが期待できる優良テーマですね。</p>



<h2 class="wp-block-heading"><span id="toc21">特にPV数も変化せず</span></h2>



<p class="wp-block-paragraph">まぁ、もともとそれほど多くの人が見に来るサイトではないので、激変することはないと思ったのですが、何も変わらず平穏無事な日々を過ごせてます（苦笑）</p>



<p class="wp-block-paragraph">もちろん、今は検索ランキングにも影響ないとのことなので、ちょっと時期尚早だったのかもしれません。</p>



<p class="wp-block-paragraph">エラーの対応ができないくらいだったら、エラーに対応したプラグインなどが出るのを待って、その間に記事内容を充実させて方がよっぽどメリットあるようです。</p>



<p class="wp-block-paragraph">それに、苦労してデザインを起こしたところで、また仕様変更あればやり直しの可能性もありますし。</p>



<p class="wp-block-paragraph">この辺りで妥協して、AMP記事は検索の着地点としてサイト内に誘導する入り口になればいいくらいの気持ちで、もう少し読みやすくて楽しい記事を書いて、少しでも訪問者がくるようなサイトにしたいと思いますよ</p>



<p class="wp-block-paragraph">どちらにせよ、日に何人も来るようなサイトではない！（ポジティブ自虐）</p>
]]></content:encoded>
					
					<wfw:commentRss>https://buchikuma.xyz/amp/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">821</post-id>	</item>
		<item>
		<title>アマゾンアソシエイトの公式リンク作成ツールとプラグインを比較した</title>
		<link>https://buchikuma.xyz/amazon-link-bulider-js/</link>
					<comments>https://buchikuma.xyz/amazon-link-bulider-js/#respond</comments>
		
		<dc:creator><![CDATA[ぶちくま]]></dc:creator>
		<pubDate>Sat, 08 Sep 2018 06:49:22 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://buchikuma.xyz/?p=850</guid>

					<description><![CDATA[「AmazonJS」と公式プラグイン「Amazon associate link builder」のどちらを導入するか検討してみました。 できれば、カエレバみたいにAmazonと楽天市場へのリンクボタンを作れればいいので [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>「AmazonJS」と公式プラグイン「Amazon associate link builder」のどちらを導入するか検討してみました。</p>
<p>できれば、カエレバみたいにAmazonと楽天市場へのリンクボタンを作れればいいのですが、なかなかうまくいきませんでした。</p>
<p>とりあえず、今回はAmazonJSのリンクボタンを作ってみました。</p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-12" checked><label class="toc-title" for="toc-checkbox-12">INDEX</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">AmazonJSというプラグインを利用してみた</a><ol><li><a href="#toc2" tabindex="0">AmazonJSだとこんな感じのデザインに</a></li></ol></li><li><a href="#toc3" tabindex="0">Amazon Associate Links Builderはというと</a><ol><li><a href="#toc4" tabindex="0">Amazon Associate Links Builderの利用方法</a></li><li><a href="#toc5" tabindex="0">CSSでのカスタマイズに難航</a></li></ol></li><li><a href="#toc6" tabindex="0">悲報　あきらめました</a></li><li><a href="#toc7" tabindex="0">プラグインとカエレバを比較した</a><ol><li><a href="#toc8" tabindex="0">プラグインと比較した「カエレバ」のデメリット</a></li><li><a href="#toc9" tabindex="0">「カエレバ」のメリット</a></li><li><a href="#toc10" tabindex="0">プラグインの羨ましいところ</a></li><li><a href="#toc11" tabindex="0">プラグインのデメリット</a></li></ol></li><li><a href="#toc12" tabindex="0">RinkerとWPAPもプラグインでは人気に</a><ol><li><a href="#toc13" tabindex="0">追記　ちなみに「カエレバ」のデザインもかえてみました</a></li></ol></li><li><a href="#toc14" tabindex="0">結局はCocoonオリジナルの商品リンクが一番使いやすい</a><ol><li><a href="#toc15" tabindex="0">Cocoonを利用したい場合はまずはインストールから</a></li></ol></li></ol>
    </div>
  </div>

<h2><span id="toc1">AmazonJSというプラグインを利用してみた</span></h2>
<p>日本に利用者が多いAmazonJSの方がカスタマイズしやすかったので、まずはこちらから作ってみました。</p>
<h3><span id="toc2">AmazonJSだとこんな感じのデザインに</span></h3>
<p>なんだかよくみるような形になりました。</p>
<p>カエレバと違って、値段も出るようですね。</p>
<p><div id="attachment_733" style="width: 310px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-733" class="wp-image-733 size-medium" src="https://buchikuma.com/wp-content/uploads/2017/12/スクリーンショット-2017-12-30-17.11.08-300x245.png" alt="AmazonJSというWordPressプラグインでつくった商品リンク" width="300" height="245" /><p id="caption-attachment-733" class="wp-caption-text">AmazonJSというWordPressプラグインでつくった商品リンク</p></div></p>
<p>スクリーンショットで残しておきます。</p>
<h2><span id="toc3">Amazon Associate Links Builderはというと</span></h2>
<p>これはアマゾンが公式でリンクを作成するツールを出しています。</p>
<p>アマゾンアソシエイトにログインして、ウェブ上で作成するイメージですね。</p>
<p><iframe style="width: 120px; height: 240px;" src="https://rcm-fe.amazon-adsystem.com/e/cm?ref=tf_til&amp;t=buchikuma4690-22&amp;m=amazon&amp;o=9&amp;p=8&amp;l=as1&amp;IS1=1&amp;detail=1&amp;asins=4800711401&amp;linkId=e7b30ab3a6315fce13743e7fd9c0fd09&amp;bc1=ffffff&amp;lt1=_top&amp;fc1=f77676&amp;lc1=0066c0&amp;bg1=ffffff&amp;f=ifr" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"><br />
    </iframe></p>
<h3><span id="toc4">Amazon Associate Links Builderの利用方法</span></h3>
<ol>
<li>まずは<a rel="noopener" target="_blank" href="https://affiliate.amazon.co.jp/">Amazonアソシエイトにログイン</a>します。</li>
<li>トップページのグローバルナビにある「商品リンク」を選択する。</li>
<li>紹介したい商品を検索する</li>
<li>コードを取得し、ブログの貼りたい場所に挿入する。</li>
</ol>
<p>&nbsp;</p>
<p>だいたい、こんな流れになります。</p>
<h4>商品を探す手順を画像付きで紹介</h4>
<p><div id="attachment_851" style="width: 810px" class="wp-caption alignnone"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-851" class="size-large wp-image-851" src="https://buchikuma.xyz/wp-content/uploads/2018/09/アマゾンアソシエイトで商品リンクをつくる-800x452.png" alt="アマゾンアソシエイトで商品リンクをつくる｜グローバルナビにある商品リンクを選択する" width="800" height="452" srcset="https://buchikuma.xyz/wp-content/uploads/2018/09/アマゾンアソシエイトで商品リンクをつくる.png 800w, https://buchikuma.xyz/wp-content/uploads/2018/09/アマゾンアソシエイトで商品リンクをつくる-300x170.png 300w, https://buchikuma.xyz/wp-content/uploads/2018/09/アマゾンアソシエイトで商品リンクをつくる-768x434.png 768w, https://buchikuma.xyz/wp-content/uploads/2018/09/アマゾンアソシエイトで商品リンクをつくる-120x67.png 120w, https://buchikuma.xyz/wp-content/uploads/2018/09/アマゾンアソシエイトで商品リンクをつくる-160x90.png 160w, https://buchikuma.xyz/wp-content/uploads/2018/09/アマゾンアソシエイトで商品リンクをつくる-320x180.png 320w, https://buchikuma.xyz/wp-content/uploads/2018/09/アマゾンアソシエイトで商品リンクをつくる-376x212.png 376w" sizes="(max-width: 800px) 100vw, 800px" /><p id="caption-attachment-851" class="wp-caption-text">グローバルナビにある商品リンクを選択する</p></div></p>
<p>Amazonアソシエイトのログイン後のトップページには、上部にグローバルナビがあります。こちらの「商品リンク」を選択して紹介したい商品を検索していきます。</p>
<p><div id="attachment_852" style="width: 810px" class="wp-caption alignnone"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-852" class="size-large wp-image-852" src="https://buchikuma.xyz/wp-content/uploads/2018/09/アマゾンアソシエイトで紹介したい商品を探す-800x313.png" alt="アマゾンアソシエイトで紹介したい商品を探す" width="800" height="313" srcset="https://buchikuma.xyz/wp-content/uploads/2018/09/アマゾンアソシエイトで紹介したい商品を探す.png 800w, https://buchikuma.xyz/wp-content/uploads/2018/09/アマゾンアソシエイトで紹介したい商品を探す-300x117.png 300w, https://buchikuma.xyz/wp-content/uploads/2018/09/アマゾンアソシエイトで紹介したい商品を探す-768x300.png 768w" sizes="(max-width: 800px) 100vw, 800px" /><p id="caption-attachment-852" class="wp-caption-text">アマゾンアソシエイトで紹介したい商品を探す</p></div></p>
<p>検索は簡単です。</p>
<p><div id="attachment_853" style="width: 810px" class="wp-caption alignnone"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-853" class="size-large wp-image-853" src="https://buchikuma.xyz/wp-content/uploads/2018/09/アマゾンアソシエイトでリンクを作る方法-800x406.png" alt="アマゾンアソシエイトでリンクを作る方法" width="800" height="406" srcset="https://buchikuma.xyz/wp-content/uploads/2018/09/アマゾンアソシエイトでリンクを作る方法.png 800w, https://buchikuma.xyz/wp-content/uploads/2018/09/アマゾンアソシエイトでリンクを作る方法-300x152.png 300w, https://buchikuma.xyz/wp-content/uploads/2018/09/アマゾンアソシエイトでリンクを作る方法-768x390.png 768w" sizes="(max-width: 800px) 100vw, 800px" /><p id="caption-attachment-853" class="wp-caption-text">アマゾンアソシエイトでリンクを作る方法</p></div></p>
<p>あとは、商品を選択して、「リンク作成」をクリックするだけです。</p>
<h3><span id="toc5">CSSでのカスタマイズに難航</span></h3>
<p>ただ、CSSでカスタマイズするのが難しくて難航中です。</p>
<p>できればまずはスクリーンショット貼ります。</p>
<p>&nbsp;</p>
<p>12/30追記</p>
<h2><span id="toc6">悲報　あきらめました</span></h2>
<p>本当に申し訳なく思うのですが、あきらめました。</p>
<p>と言いますのも、あまりメリットが感じられなかったからです。</p>
<p>もともと、AMP対応のために画像取り込みが現段階でもうまくいっていないのですが、結果からいえば、どちらのプラグインを使っても壊滅的でした。</p>
<p>これはもう根本的にAMPプラグインの方が悪さしている。</p>
<p>なので、AMPの方を時間をかけていじっていくことにしました。</p>
<p>なので、これまで通り、Amazon、楽天の商品リンクは「カエレバ」さんを使わせてもらいます。</p>
<h2><span id="toc7">プラグインとカエレバを比較した</span></h2>
<h3><span id="toc8">プラグインと比較した「カエレバ」のデメリット</span></h3>
<ul>
<li>「Posted by カエレバ」という文字が出ること</li>
<li>リンク作成が少し面倒</li>
<li>たまに保存しているデータが消える</li>
</ul>
<p>&nbsp;</p>
<h3><span id="toc9">「カエレバ」のメリット</span></h3>
<ul>
<li>無料</li>
<li>カスタマイズの参考が多い</li>
<li>余計なプラグインを導入する必要がなくなる</li>
<li>仕込むのはただのHTML</li>
<li>価格表示ができない</li>
</ul>
<p>&nbsp;</p>
<p>ボタン装飾も腐るほど出てくるので、自分の味も出しやすい。</p>
<p>まぁ、プラグインの方もCSSをいじるだけであればそれなりにうまくいったのですが、如何せん、AMP対応に難航したのがいただけない。</p>
<h3><span id="toc10">プラグインの羨ましいところ</span></h3>
<p>これは、タイムリーな<span style="color: #ff0000;">値段が出せる</span>ことですね。</p>
<p>自分自身が知りたいときにも役に立つしね。</p>
<p>ただ、やや動的なサイトになってしまうので、ぶちくまのような静的なサイトにはあまり向かなかったのかも。</p>
<h3><span id="toc11">プラグインのデメリット</span></h3>
<p>これはカスタマイズがしづらかったところ。</p>
<p>あと、何かが起きてプラグインでエラーが起きたときに、プラグインの停止したらこれまでの記事が全滅すること。</p>
<p>シンプルなHTMLの形で書いておけば、エラーは少ないしね。</p>
<h2><span id="toc12">RinkerとWPAPもプラグインでは人気に</span></h2>
<p>2018年は、Amazonや楽天の商品リンク作成プラグインが人気となりました。</p>
<p><a rel="noopener" href="https://buchikuma.xyz/rinker-custom-cocoon-amp/" target="_blank">RinkerもWPアソシエイトポストも、どちらにも対応するカスタマイズ記事を書きました</a>。</p>

<a href="https://buchikuma.xyz/rinker-custom-cocoon-amp/" title="RinkerをAMPでも崩れない程度にカスタマイズに成功【Cocoon限定】" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://buchikuma.xyz/wp-content/uploads/2018/06/Rinkerカスタマイズアイキャッチ-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://buchikuma.xyz/wp-content/uploads/2018/06/Rinkerカスタマイズアイキャッチ-160x90.jpg 160w, https://buchikuma.xyz/wp-content/uploads/2018/06/Rinkerカスタマイズアイキャッチ-120x67.jpg 120w, https://buchikuma.xyz/wp-content/uploads/2018/06/Rinkerカスタマイズアイキャッチ-320x180.jpg 320w, https://buchikuma.xyz/wp-content/uploads/2018/06/Rinkerカスタマイズアイキャッチ-376x212.jpg 376w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">RinkerをAMPでも崩れない程度にカスタマイズに成功【Cocoon限定】</div><div class="blogcard-snippet internal-blogcard-snippet">アフィリエイト商品の管理とリンク生成がとても便利なRinker。AMPだと表示が大きく崩れたのでCocoon使用者限定にはなりますが、シンプルだけど使い勝手のいいデザインになりました。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://buchikuma.xyz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">buchikuma.xyz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2024.03.22</div></div></div></div></a>
<p>どちらも、WordPressの記事入力中から使用することができ、かなり使い勝手がいいです。</p>
<h3><span id="toc13">追記　ちなみに「カエレバ」のデザインもかえてみました</span></h3>
<p>ずっと気になっていたんだけど、ぶちくまの中では「Amazon」のイメージカラーって緑だったんですよね。</p>
<p>これ絶対<span class="bold red">密林</span>に引っ張られてるよね。だから、ボタンリンクも緑色にしていたんですよ。</p>
<p>でも、どうやらアマゾンさんのイメージカラーってオレンジなんですよね。</p>
<p>間違う人はいないかもしれませんが、一人でも間違う人が出ないように、それぞれのショップのイメージカラーに寄せました。</p>
<p>さらに、fontawesomeから、アマゾンマークと、楽天（風の）絵文字を見繕ってきて、ボタン文字に追加してみました。</p>
<p>ぶちくまどっとこむはどこまでいってもアマチュアサイト感を出していきたいんだけど、商品リンクに関しては信頼性も重要だから、ちょいと凝った形にしてみましたよ。</p>
<p>最近は偽物サイトへの誘導リンクなんかあるからね、注意しないとね。</p>
<p><div class="product-item-box amazon-item-box no-icon product-item-error cf"><div><p class="amazon-search-message"><a rel="nofollow noopener" target="_blank" href="https://www.amazon.co.jp/exec/obidos/ASIN/4797393157/buchikuma4690-22/">Amazonで「スラスラわかるHTML&amp;amp;CSSのきほん 第2版」に関する詳細を見る</a></p><div class="amazon-item-buttons product-item-buttons"><div class="shoplinkamazon"><a rel="nofollow noopener" target="_blank" href="https://www.amazon.co.jp/gp/search?keywords=%E3%82%B9%E3%83%A9%E3%82%B9%E3%83%A9%E3%82%8F%E3%81%8B%E3%82%8BHTML%26amp%3Bamp%3BCSS%E3%81%AE%E3%81%8D%E3%81%BB%E3%82%93+%E7%AC%AC2%E7%89%88&#038;tag=buchikuma4690-22">Amazon</a></div><div class="shoplinkrakuten"><a rel="nofollow noopener" target="_blank" href="https://hb.afl.rakuten.co.jp/hgc/15ed3676.673e8e27.15ed3677.2f1b5353/?pc=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%E3%82%B9%E3%83%A9%E3%82%B9%E3%83%A9%E3%82%8F%E3%81%8B%E3%82%8BHTML%26amp%3Bamp%3BCSS%E3%81%AE%E3%81%8D%E3%81%BB%E3%82%93+%E7%AC%AC2%E7%89%88%2F&#038;m=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%E3%82%B9%E3%83%A9%E3%82%B9%E3%83%A9%E3%82%8F%E3%81%8B%E3%82%8BHTML%26amp%3Bamp%3BCSS%E3%81%AE%E3%81%8D%E3%81%BB%E3%82%93+%E7%AC%AC2%E7%89%88%2F">楽天</a></div><div class="shoplinkyahoo"><a rel="nofollow noopener" target="_blank" href="https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3391244&#038;pid=888695443&#038;vc_url=http%3A%2F%2Fsearch.shopping.yahoo.co.jp%2Fsearch%3Fp%3D%E3%82%B9%E3%83%A9%E3%82%B9%E3%83%A9%E3%82%8F%E3%81%8B%E3%82%8BHTML%26amp%3Bamp%3BCSS%E3%81%AE%E3%81%8D%E3%81%BB%E3%82%93+%E7%AC%AC2%E7%89%88">Yahoo!ショッピング<img loading="lazy" decoding="async" src="https://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=3391244&pid=888695443" width="1" height="1" border="0"></a></div></div></div></div></p>
<h2><span id="toc14">結局はCocoonオリジナルの商品リンクが一番使いやすい</span></h2>
<p>実は、これは前のブログの記事でして、ブログカスタマイズ関連の記事はこちらに移動してきたのです。</p>
<p>もう、Cocoon利用者で、Amazonや楽天の商品アフィリエイトリンクを使う場合はプラグインもカエレバも不要になりましたね。</p>
<p>ありがたいですね。</p>
<p><a rel="noopener" href="https://buchikuma.xyz/link-amazon-rakuten-yahoo/" target="_blank">商品リンクをカスタマイズしたい場合は、こちらの記事</a>をご参照ください。</p>

<a href="https://buchikuma.xyz/link-amazon-rakuten-yahoo/" title="Amazonと楽天商品リンクモバイル表示をカスタマイズ｜Cocoon" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://buchikuma.xyz/wp-content/uploads/2018/09/Cocoonカスタマイズ商品リンクの誤クリックを減らすために-160x90.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://buchikuma.xyz/wp-content/uploads/2018/09/Cocoonカスタマイズ商品リンクの誤クリックを減らすために-160x90.png 160w, https://buchikuma.xyz/wp-content/uploads/2018/09/Cocoonカスタマイズ商品リンクの誤クリックを減らすために-120x67.png 120w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Amazonと楽天商品リンクモバイル表示をカスタマイズ｜Cocoon</div><div class="blogcard-snippet internal-blogcard-snippet">Cocoonの商品リンクが素敵にアップデートされたので、モバイル版の形式だけ少しカスタマイズしてみました。Yahooのリンクだけ少し大きいなと感じたので、それぞれ同じ大きさにして、あまりみない丸いボタン風にしてみました。簡単なコードにしたので、さらにカスタマイズを深めてください。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://buchikuma.xyz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">buchikuma.xyz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2024.03.22</div></div></div></div></a>
<h3><span id="toc15">Cocoonを利用したい場合はまずはインストールから</span></h3>
<p>Cocoonのインストールは簡単なんですが、一応記事でご案内しています。</p>

<a href="https://buchikuma.xyz/cocoon-download-theme-child/" title="【無料テーマ最高の出来栄え】迷わずCocoonをダウンロードする方法" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://buchikuma.xyz/wp-content/uploads/2018/05/cocoon親テーマ子テーマアイキャッチ-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://buchikuma.xyz/wp-content/uploads/2018/05/cocoon親テーマ子テーマアイキャッチ-160x90.jpg 160w, https://buchikuma.xyz/wp-content/uploads/2018/05/cocoon親テーマ子テーマアイキャッチ-120x67.jpg 120w, https://buchikuma.xyz/wp-content/uploads/2018/05/cocoon親テーマ子テーマアイキャッチ-320x180.jpg 320w, https://buchikuma.xyz/wp-content/uploads/2018/05/cocoon親テーマ子テーマアイキャッチ-376x212.jpg 376w, https://buchikuma.xyz/wp-content/uploads/2018/05/cocoon親テーマ子テーマアイキャッチ-250x141.jpg 250w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【無料テーマ最高の出来栄え】迷わずCocoonをダウンロードする方法</div><div class="blogcard-snippet internal-blogcard-snippet">無料テーマのCocoonのダウンロード方法を解説したページです。また、最初に選ぶテーマとして、有料か無料か悩まれている、あるいは無料テーマをダウンロードしたけどしっくりこない、という方に、最初は有料テーマを利用することを検討してもらう、ことについても書いています。注意点として必ず親テーマと一緒に子テーマもダウンロードして、子テーマを利用するようにしてください。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://buchikuma.xyz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">buchikuma.xyz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2024.03.22</div></div></div></div></a>
<p>&nbsp;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://buchikuma.xyz/amazon-link-bulider-js/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">850</post-id>	</item>
		<item>
		<title>かっこいいリンクカードを作るならSimplicityとCocoonへのテーマ変更がお勧め</title>
		<link>https://buchikuma.xyz/blog-link-card/</link>
					<comments>https://buchikuma.xyz/blog-link-card/#comments</comments>
		
		<dc:creator><![CDATA[ぶちくま]]></dc:creator>
		<pubDate>Tue, 02 Oct 2018 01:14:50 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://buchikuma.xyz/?p=872</guid>

					<description><![CDATA[どうも、ぶちくまです。 リンクとサムネイルが一緒になっているいわゆるブログカードを作りたい。 プラグインを使えば簡単に使えるけど、AMPでうまく表示されなくなってしまう。 なのでいっそテーマを変更してみました。 INDE [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>どうも、ぶちくまです。</p>
<h5>リンクとサムネイルが一緒になっているいわゆるブログカードを作りたい。<br />
プラグインを使えば簡単に使えるけど、AMPでうまく表示されなくなってしまう。<br />
なのでいっそテーマを変更してみました。</h5>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-14" checked><label class="toc-title" for="toc-checkbox-14">INDEX</label>
    <div class="toc-content">
    <ol class="toc-list open"></li><li><a href="#toc1" tabindex="0">ブログカードって何？</a><ol><li><a href="#toc2" tabindex="0">ブログカードは回遊率を上げる</a></li><li><a href="#toc3" tabindex="0">回遊率はブログやサイトのユーザビリティの高さを表す</a></li></ol></li><li><a href="#toc4" tabindex="0">ブログカードの作り方</a><ol><li><a href="#toc5" tabindex="0">WordPressなら設定不要でEmbedカードが錬成可能</a></li><li><a href="#toc6" tabindex="0">プラグイン「Pz-Linkcard」使用</a></li><li><a href="#toc7" tabindex="0">ブログカード生成サイトEmbedlyを利用する</a></li><li><a href="#toc8" tabindex="0">Embedlyを利用するメリット</a></li></ol></li><li><a href="#toc9" tabindex="0">ブログカードといえば優秀なテーマ、Simplicityが</a><ol><li><a href="#toc10" tabindex="0">というわけでテーマ変更</a></li><li><a href="#toc11" tabindex="0">追記　テーマ変えてみました</a></li><li><a href="#toc12" tabindex="0">Cocoonのカスタマイズ記事はこちら</a></li></ol></li></ol>
    </div>
  </div>

<h2><span id="toc1">ブログカードって何？</span></h2>
<p>よくはてなブログなんかでみる、サムネイル入りのリンクカード。ブログカードとも言います。</p>
<div class="speech-wrap sb-id-16 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ぶちくま圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>これ、使って見たいんですよね。</p>
</div>
</div>
<p>と、言いますのも。</p>
<p>ぶちくまの様な平凡なサイト運営をしていると、検索などで当サイトを見ていただく機会は多いのですが、そのまま別の記事まで誘導することがなかなかうまくいかないのです。</p>
<p>もちろん、ブログ自体が読む様な価値があるのか、という根本的な質の問題はある。</p>
<div class="speech-wrap sb-id-20 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ずーん圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>うん、大いにあるよね。</p>
</div>
</div>
<p>でも、今回はちょっと置いておこう。</p>
<h3><span id="toc2">ブログカードは回遊率を上げる</span></h3>
<p>いわば、サイト回遊率を上げて、長いことブログを見てもらおう、あわよくば、PV数を向上させよう、という甘い目論見ですね。</p>
<p>ぶちくま創作ベースには、だいたい１日に100人くらいの方が見にこられます。</p>
<h4>実際に100人にさらされていることを想像すると怖い</h4>
<p>インターネットの世界では決して多いわけではないのですが、実際に想像すると、ちょっとゾクゾクしますね、怖い。</p>
<p>特に、「新潟」という地域性を全面に出している当ブログですので、人口比率で考えてみても、休日の万代を練り歩いた際には、当サイトをご覧いただいた方に出くわす可能性だってあるわけです。</p>
<div class="speech-wrap sb-id-18 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/泣き圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>こりゃ、おちおちカフェでのまどっている姿は見せられないね</p>
</div>
</div>
<h3><span id="toc3">回遊率はブログやサイトのユーザビリティの高さを表す</span></h3>
<p>完全に話が逸れましたが、せっかく当サイトに来ていただいたので、最大限のおもてなしをしたい。</p>
<p>関連性のある情報や、より優位な情報を提供するためにも、自サイト他サイト問わずに、より視認性が高く、いわば思わずクリック・タップしたくなる様な、そんなリンクを私は作りたい。</p>
<div class="speech-wrap sb-id-16 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ぶちくま圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>私は、作りたい！</p>
</div>
</div>
<p>そうすれば、必然的に、一人当たりのPV数が上がるので、より少ない労力で不労所得を得ることがごにょごにょ。</p>
<p>皆さんの情報収拾効率を向上させることにつながるわけです。</p>
<p>なんて貢献度の高い仕事なのでしょう！</p>
<h2><span id="toc4">ブログカードの作り方</span></h2>
<p>ブログカードの作り方は、３種類方法があります。</p>
<div class="blank-box bb-tab bb-comment">
<ol>
<li>WordPress標準装備のEmbedカードを利用</li>
<li>プラグインを利用する</li>
<li><a rel="noopener" target="_blank" href="https://embed.ly/">Embedly</a>を利用する</li>
<li>ブログカード生成機能が備わっているWPテーマにする</li>
</ol>
</div>
<p>ちなみに、現在はCocoonというブログカードを勝手に作ってくれるテーマを利用する三番目の方法で解決しています。</p>
<h3><span id="toc5">WordPressなら設定不要でEmbedカードが錬成可能</span></h3>
<p>まず、そもそもWordPressを使っていると、<span class="bold red">oEmbed</span>という、URLをそのまま入力するだけで勝手にブログカードを生成してくれるという、恐ろしく便利な機能がついています。</p>
<div class="speech-wrap sb-id-19 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/喜び圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>というか、これでいいじゃん。</p>
</div>
</div>
<p>なのですが、まず、ぶちくまのブログではなぜか表示されない。</p>
<p>やろうとすると妙な空間が作られる。</p>
<p>多分WordPress側でも作ろうとしてくれているんだろうけど、なにせ原因がわからないし、そもそも、レイアウトが余白だらけということもあって、ブロガーからは人気のないデザインとなっている。</p>
<h4>WordPress標準機能でブログカードを作るメリット</h4>
<div class="blank-box bb-tab bb-good bb-yellow">
<ul>
<li>余計なプラグインを導入する必要がない</li>
<li>テーマが縛られず、自由な選択が可能</li>
</ul>
</div>
<h4>WordPressでEmbedカードを作るデメリット</h4>
<div class="blank-box bb-tab bb-bad bb-red">
<ul>
<li>外部リンクには対応していない（WPサイトなら対応することも）</li>
<li>テーマやプラグイン、提携している広告会社の広告が干渉することで表示不具合が起こることがある</li>
</ul>
</div>
<p>デメリットが強すぎて、メリットを打ち消しているんですよね。</p>
<div class="speech-wrap sb-id-16 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ぶちくま圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>そういうわけで、別の方法を検討開始！</p>
</div>
</div>
<h3><span id="toc6">プラグイン「Pz-Linkcard」使用</span></h3>
<p>今回は「Pz-Linkcard」というプラグインを利用させていただきます。</p>
<p>ぶちくまとしてはあまりプラグインには頼りたくないのですが、（重くなるので）簡単そうなので利用してみましょう。</p>
<p>設定は概ねデフォルトで、サイトのベースカラーがオレンジなので、そこだけ変更。</p>
<p>なかなかスタイリッシュでいい感じのブログカードが出来上がりました。</p>
<p>使用方法については、作者様サイトの「ぽぽづれ。」の「<a rel="noopener" target="_blank" href="https://popozure.info/pz-linkcard">WordPressでリンクをカード形式で表示する Pz-LinkCard</a>」という記事がとても参考になります。</p>
<p><div id="attachment_874" style="width: 510px" class="wp-caption alignnone"><a rel="noopener" target="_blank" href="https://popozure.info/pz-linkcard"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-874" class="size-full wp-image-874" src="https://buchikuma.xyz/wp-content/uploads/2018/10/Pz-LinkCardでブログカードを作るとこんな感じ.png" alt="Pz-LinkCardでブログカードを作るとこんな感じ" width="500" height="303" srcset="https://buchikuma.xyz/wp-content/uploads/2018/10/Pz-LinkCardでブログカードを作るとこんな感じ.png 500w, https://buchikuma.xyz/wp-content/uploads/2018/10/Pz-LinkCardでブログカードを作るとこんな感じ-300x182.png 300w" sizes="(max-width: 500px) 100vw, 500px" /></a><p id="caption-attachment-874" class="wp-caption-text">Pz-LinkCardでブログカードを作るとこんな感じ</p></div></p>
<p>当サイトで使っていたものはプラグインをアンインストールして消してしまったので、ぽぽづれさんとこのリンクカードカスタマイズ事例を載せておきます。</p>
<p>&nbsp;</p>
<h4>AMP対応しているのか</h4>
<p>AMP対応はどうなのか、というと、ぶちくまがAMP化に使用している「AMP for WP」では見事にカード表示がバグりました。</p>
<p>サムネイルの取得がうまくいっていませんね。</p>
<p>この「AMPでも対応する」、というのがなかなか難しくてですね、先の記事でもAMPページエラー対応に何日もかかった、ということがあったのです。</p>
<p>もうね、AMPなんてなくなればいいと思うのですが、残念なことに、当ブログの８割はモバイル端末から、全体でも1/3程度はAMP記事を読まれていることになっています。</p>
<p>3分の１の純情な感情ですね、言いたいよねこれ。</p>
<p>ので、AMPのデザインも決して手を抜けない。</p>
<h3><span id="toc7">ブログカード生成サイトEmbedlyを利用する</span></h3>
<p>URLを入力するだけで簡単にブログカードをHTMLコード化してくれるサイト「<a rel="noopener" target="_blank" href="https://embed.ly/">Embedly</a>」を利用する、という手もあります。</p>
<p>メリットとデメリットだけまとめておきますね。</p>
<h3><span id="toc8">Embedlyを利用するメリット</span></h3>
<div class="blank-box bb-tab bb-good bb-yellow">
<ul>
<li>カード毎に設定を変えることができる。</li>
<li>HTMLに準拠していればどのサイトでも対応できる。</li>
<li>ブックマークレットを使えば簡単にコード生成できる。</li>
<li>操作方法は簡単といえば簡単</li>
</ul>
</div>
<p>操作については好き嫌いがありそうですが、固定ページなどでリンクによって設定を変えて目立たせたりシンプルにしたりする必要がある場合は、Embedlyの利用がお勧めできます。</p>
<h4>Embedlyを使わなかった理由</h4>
<p>これはシンプルです。</p>
<div class="speech-wrap sb-id-16 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ぶちくま圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>面倒だったから。</p>
</div>
</div>
<p>流石に、リンク貼る度に毎回コード生成するのは面倒だと思いました。ブックマークレットを使っても面倒。とにかく面倒。</p>
<h2><span id="toc9">ブログカードといえば優秀なテーマ、Simplicityが</span></h2>
<p>「このブログカードいいなぁ」と思ったのが、だいたいSimplicityユーザーなんですよね。</p>
<p>AMPも自動で対応できるし、かなり優良なテーマです。</p>
<p>最近は無料テーマでもAMP対応が必須みたいなところがあるので、ちょいと、というか、かなり羨ましい。</p>
<p>もちろん、SimplicityでできるならXeoryにできないことはない、はず。</p>
<p>なんだけど、CSSをいじるくらいならできる様になってきたけど、JavaScriptやPHPを触る自信はまだ無い。</p>
<p>指をくわえて眺めるばかりです。</p>
<h3><span id="toc10">というわけでテーマ変更</span></h3>
<p>思い立ったが吉日、ということで、Xeory baseからSimplicityに乗り換えようかと思います。</p>
<p>うまくいくかどうかは見てのお楽しみということで。</p>
<h3><span id="toc11">追記　テーマ変えてみました</span></h3>
<p>テーマ変えてみました。</p>
<p>というか、多分初見の人ばかりなので、変更前がわからないと思いますが。</p>
<p>リンク貼りがとても楽になりました。</p>

<a href="https://buchikuma.xyz/wanna-be-captain-kaizoku/" title="海賊王に俺はなりたいんだけど副業でやっていくにはどうしたらいい？" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://buchikuma.xyz/wp-content/uploads/2018/07/海賊王を副業にアイキャッチ-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://buchikuma.xyz/wp-content/uploads/2018/07/海賊王を副業にアイキャッチ-160x90.jpg 160w, https://buchikuma.xyz/wp-content/uploads/2018/07/海賊王を副業にアイキャッチ-120x67.jpg 120w, https://buchikuma.xyz/wp-content/uploads/2018/07/海賊王を副業にアイキャッチ-320x180.jpg 320w, https://buchikuma.xyz/wp-content/uploads/2018/07/海賊王を副業にアイキャッチ-376x212.jpg 376w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">海賊王に俺はなりたいんだけど副業でやっていくにはどうしたらいい？</div><div class="blogcard-snippet internal-blogcard-snippet">海賊王になりたいけど、本業ではちょっと、という方のために副業で海賊王になるためにすべきことを考えてみました。海賊自体がリスク高めな上に、資本金に心配がありましたが、クラウドファンディングでなんとかしてみる、というアイデアがあります。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://buchikuma.xyz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">buchikuma.xyz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2024.03.22</div></div></div></div></a>
<p>こんな感じで実物貼っておきます。</p>
<p>貼り方は簡単で、URLをコピペするだけなのですが、元々のWordPressのEmbed機能が邪魔をするのか、うまく貼れない時もあります。</p>
<pre>&lt;p&gt;&lt;a href="https://buchikuma.com/childcare/post-1053/"&gt;https://buchikuma.com/childcare/post-1053/&lt;/a&gt;&lt;/p&gt;</pre>
<p>こんな感じでPタグで囲むとうまくいきます。</p>
<h3><span id="toc12">Cocoonのカスタマイズ記事はこちら</span></h3>

<a href="https://buchikuma.xyz/cocoon-custom-blogcard/" title="【Cocoon】ブログカードは回遊率をあげるためにシンプルが１番！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://buchikuma.xyz/wp-content/uploads/2018/06/Cocoonブログカードアイキャッチ-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://buchikuma.xyz/wp-content/uploads/2018/06/Cocoonブログカードアイキャッチ-160x90.jpg 160w, https://buchikuma.xyz/wp-content/uploads/2018/06/Cocoonブログカードアイキャッチ-120x67.jpg 120w, https://buchikuma.xyz/wp-content/uploads/2018/06/Cocoonブログカードアイキャッチ-320x180.jpg 320w, https://buchikuma.xyz/wp-content/uploads/2018/06/Cocoonブログカードアイキャッチ-376x212.jpg 376w, https://buchikuma.xyz/wp-content/uploads/2018/06/Cocoonブログカードアイキャッチ-250x141.jpg 250w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【Cocoon】ブログカードは回遊率をあげるためにシンプルが１番！</div><div class="blogcard-snippet internal-blogcard-snippet">WordPressの無料テーマ、Cocoonのカスタマイズ記事です。今回は、「ブログカード」という、リンクを貼るだけで記事のアイキャッチとタイトル、本文説明（snippet)を抜き出す便利な機能になります。目的は何より回遊率をあげること。ユーザーを求めている情報まで届けること。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://buchikuma.xyz" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">buchikuma.xyz</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2024.03.22</div></div></div></div></a>
<p>ちょっと浮いているような感じになってるのが結構お気に入りです。</p>
<p>外部リンクでは色を変えてみました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://buchikuma.xyz/blog-link-card/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">872</post-id>	</item>
		<item>
		<title>プロブロガーなんて職業はない。あるのは破滅と小さな幸せだけ</title>
		<link>https://buchikuma.xyz/pro-blogger/</link>
					<comments>https://buchikuma.xyz/pro-blogger/#comments</comments>
		
		<dc:creator><![CDATA[ぶちくま]]></dc:creator>
		<pubDate>Fri, 14 Sep 2018 06:12:23 +0000</pubDate>
				<category><![CDATA[スパルタブログ論]]></category>
		<guid isPermaLink="false">https://buchikuma.xyz/?p=857</guid>

					<description><![CDATA[プロブロガーについて考えたので一考、というかエッセイです。 イケダハヤト氏のプロブロガーとしての生き方に感銘を受けつつ、自分のブログ収益に絶望する。 プロブロガーという職業は存在せず、ブログという媒体を通じて何を売り出す [&#8230;]]]></description>
										<content:encoded><![CDATA[<h5>プロブロガーについて考えたので一考、というかエッセイです。<br />
イケダハヤト氏のプロブロガーとしての生き方に感銘を受けつつ、自分のブログ収益に絶望する。<br />
プロブロガーという職業は存在せず、ブログという媒体を通じて何を売り出すかが大事。</h5>
<p>という駄文です。</p>
<p>この記事は、もともとメインブログの１００記事記念の際に書いた記事です。まだ、そういった企画ものをやっていた若かりし頃ですね、ウンウン。</p>
<p>ただ、書いていることは随分とまともだったので、こちらに移動してまいりました。</p>
<p>多少、加筆修正しておきました。</p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-16" checked><label class="toc-title" for="toc-checkbox-16">INDEX</label>
    <div class="toc-content">
    <ol class="toc-list open"></li><li><a href="#toc1" tabindex="0">プロブロガーとは</a><ol><li><a href="#toc2" tabindex="0">イケダハヤト</a></li><li><a href="#toc3" tabindex="0">プロブロガーのなり方</a></li></ol></li><li><a href="#toc4" tabindex="0">１００投稿目の収入は</a><ol><li><a href="#toc5" tabindex="0">収入があればプロブロガーなのか</a></li><li><a href="#toc6" tabindex="0">ブログの将来</a></li><li><a href="#toc7" tabindex="0">情報収集なんて機械に奪われる仕事筆頭</a></li><li><a href="#toc8" tabindex="0">ちなみに、機械に奪われる、将来なくなる仕事、とは</a></li><li><a href="#toc9" tabindex="0">あなたが何を伝えたいか、で初めて仕事として成り立つということ</a></li><li><a href="#toc10" tabindex="0">なんだか無駄に長い文章を書いてしまった罪悪感と感想</a></li><li><a href="#toc11" tabindex="0">YouTuberはエンターテイナー</a></li></ol></li><li><a href="#toc12" tabindex="0">こんな記事を１年前に書いていたことに対する驚き</a><ol><li><a href="#toc13" tabindex="0">まとめるだけの記事とは違う方向で発信するのがブロガーの強み</a></li><li><a href="#toc14" tabindex="0">個別性が加味された検索結果が表示されたときに強み</a></li><li><a href="#toc15" tabindex="0">あなたの個性も強みに</a></li><li><a href="#toc16" tabindex="0">ブログ論のようなことを語ってしまう</a></li></ol></li></ol>
    </div>
  </div>

<h2><span id="toc1">プロブロガーとは</span></h2>
<p>まずは簡単にプロブロガーについて知っていただこうと思います。</p>
<p>わかりやすいのがイケダハヤトさんなので、取り上げてみます。</p>
<h3><span id="toc2">イケダハヤト</span></h3>
<p>ぶちくまにとってプロブロガーとは<a rel="noopener" target="_blank" href="http://www.ikedahayato.com/index.php/profile">イケダハヤト氏</a>なのだけど、イケダハヤト氏について知りうることといえば、せいぜいが誹謗中傷抜きにして彼がガリガリということだけだ。</p>
<p>ただ、シンプルに彼の生き方には共感するところもあって、彼の人生から炎上さえ取り除けば、田舎暮らしと低年収（それほど低くもないとは思うが）、それと豊富な自由な時間。</p>
<p>彼が得たものは大変羨ましく思う。</p>
<p>加えて、彼が移住を成功としてくれれば、もっとたくさんの人が、それこそ我らが新潟に、「生活」と「仕事」、それらが生み出す「幸福な何か」をもたらしてくれるんじゃないかと期待しているし、待っているだけじゃ何も生まれないからこうしてぶちくまもブログを書いて小さな呼び込み活動をしていたりする。</p>
<h4>まぁ、イケハヤさんのことはいいんだ</h4>
<p>彼の素晴らしいことは、年収をしっかりと報告してくれていることで、どの時期かはわからんが年収５００万くらいだって書いてあったし、一方で2016年の<span style="color: #ff0000;">年商4000万円</span>となっております。</p>
<p>イケハヤさんと言えば、年収150万円でも幸せに暮らせるんだぜ、的なエッセイを書かれていたことで有名だったりします。</p>
<p>本当に、年収150万円でいいのかは、もう一度聞いてみたい。</p>
<p>やっぱり田舎に来たこと、子供が増えたことで、社会的責任やそれに打ち込める時間、やりがいが生まれたんだね、ウンウン。</p>
<p>んで、この年収の情報が欲しかっただけなんだ。</p>
<h4>ついでに彼の著書でも紹介して締めますか</h4>
<p><div class="product-item-box amazon-item-box no-icon product-item-error cf"><div><p class="amazon-search-message"><a rel="nofollow noopener" target="_blank" href="https://www.amazon.co.jp/exec/obidos/ASIN/B00DONBQHQ/buchikuma4690-22/">Amazonで「武器としての書く技術 (中経出版)」に関する詳細を見る</a></p><div class="amazon-item-buttons product-item-buttons"><div class="shoplinkamazon"><a rel="nofollow noopener" target="_blank" href="https://www.amazon.co.jp/gp/search?keywords=%E6%AD%A6%E5%99%A8%E3%81%A8%E3%81%97%E3%81%A6%E3%81%AE%E6%9B%B8%E3%81%8F%E6%8A%80%E8%A1%93+%28%E4%B8%AD%E7%B5%8C%E5%87%BA%E7%89%88%29&#038;tag=buchikuma4690-22">Amazon</a></div><div class="shoplinkrakuten"><a rel="nofollow noopener" target="_blank" href="https://hb.afl.rakuten.co.jp/hgc/15ed3676.673e8e27.15ed3677.2f1b5353/?pc=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%E6%AD%A6%E5%99%A8%E3%81%A8%E3%81%97%E3%81%A6%E3%81%AE%E6%9B%B8%E3%81%8F%E6%8A%80%E8%A1%93+%28%E4%B8%AD%E7%B5%8C%E5%87%BA%E7%89%88%29%2F&#038;m=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%E6%AD%A6%E5%99%A8%E3%81%A8%E3%81%97%E3%81%A6%E3%81%AE%E6%9B%B8%E3%81%8F%E6%8A%80%E8%A1%93+%28%E4%B8%AD%E7%B5%8C%E5%87%BA%E7%89%88%29%2F">楽天</a></div><div class="shoplinkyahoo"><a rel="nofollow noopener" target="_blank" href="https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3391244&#038;pid=888695443&#038;vc_url=http%3A%2F%2Fsearch.shopping.yahoo.co.jp%2Fsearch%3Fp%3D%E6%AD%A6%E5%99%A8%E3%81%A8%E3%81%97%E3%81%A6%E3%81%AE%E6%9B%B8%E3%81%8F%E6%8A%80%E8%A1%93+%28%E4%B8%AD%E7%B5%8C%E5%87%BA%E7%89%88%29">Yahoo!ショッピング<img loading="lazy" decoding="async" src="https://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=3391244&pid=888695443" width="1" height="1" border="0"></a></div></div></div></div></p>
<p>こちらはしっかりとしたライティング技術本ですね。</p>
<p><div class="product-item-box amazon-item-box no-icon product-item-error cf"><div><p class="amazon-search-message"><a rel="nofollow noopener" target="_blank" href="https://www.amazon.co.jp/exec/obidos/ASIN/4344984056/buchikuma4690-22/">Amazonで「まだ東京で消耗してるの? 環境を変えるだけで人生はうまくいく (幻冬舎新書)」に関する詳細を見る</a></p><div class="amazon-item-buttons product-item-buttons"><div class="shoplinkamazon"><a rel="nofollow noopener" target="_blank" href="https://www.amazon.co.jp/gp/search?keywords=%E3%81%BE%E3%81%A0%E6%9D%B1%E4%BA%AC%E3%81%A7%E6%B6%88%E8%80%97%E3%81%97%E3%81%A6%E3%82%8B%E3%81%AE%3F+%E7%92%B0%E5%A2%83%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B%E3%81%A0%E3%81%91%E3%81%A7%E4%BA%BA%E7%94%9F%E3%81%AF%E3%81%86%E3%81%BE%E3%81%8F%E3%81%84%E3%81%8F+%28%E5%B9%BB%E5%86%AC%E8%88%8E%E6%96%B0%E6%9B%B8%29&#038;tag=buchikuma4690-22">Amazon</a></div><div class="shoplinkrakuten"><a rel="nofollow noopener" target="_blank" href="https://hb.afl.rakuten.co.jp/hgc/15ed3676.673e8e27.15ed3677.2f1b5353/?pc=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%E3%81%BE%E3%81%A0%E6%9D%B1%E4%BA%AC%E3%81%A7%E6%B6%88%E8%80%97%E3%81%97%E3%81%A6%E3%82%8B%E3%81%AE%3F+%E7%92%B0%E5%A2%83%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B%E3%81%A0%E3%81%91%E3%81%A7%E4%BA%BA%E7%94%9F%E3%81%AF%E3%81%86%E3%81%BE%E3%81%8F%E3%81%84%E3%81%8F+%28%E5%B9%BB%E5%86%AC%E8%88%8E%E6%96%B0%E6%9B%B8%29%2F&#038;m=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%E3%81%BE%E3%81%A0%E6%9D%B1%E4%BA%AC%E3%81%A7%E6%B6%88%E8%80%97%E3%81%97%E3%81%A6%E3%82%8B%E3%81%AE%3F+%E7%92%B0%E5%A2%83%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B%E3%81%A0%E3%81%91%E3%81%A7%E4%BA%BA%E7%94%9F%E3%81%AF%E3%81%86%E3%81%BE%E3%81%8F%E3%81%84%E3%81%8F+%28%E5%B9%BB%E5%86%AC%E8%88%8E%E6%96%B0%E6%9B%B8%29%2F">楽天</a></div><div class="shoplinkyahoo"><a rel="nofollow noopener" target="_blank" href="https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3391244&#038;pid=888695443&#038;vc_url=http%3A%2F%2Fsearch.shopping.yahoo.co.jp%2Fsearch%3Fp%3D%E3%81%BE%E3%81%A0%E6%9D%B1%E4%BA%AC%E3%81%A7%E6%B6%88%E8%80%97%E3%81%97%E3%81%A6%E3%82%8B%E3%81%AE%3F+%E7%92%B0%E5%A2%83%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B%E3%81%A0%E3%81%91%E3%81%A7%E4%BA%BA%E7%94%9F%E3%81%AF%E3%81%86%E3%81%BE%E3%81%8F%E3%81%84%E3%81%8F+%28%E5%B9%BB%E5%86%AC%E8%88%8E%E6%96%B0%E6%9B%B8%29">Yahoo!ショッピング<img loading="lazy" decoding="async" src="https://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=3391244&pid=888695443" width="1" height="1" border="0"></a></div></div></div></div></p>
<p>これはとても有名な「まだ東京で消耗してるの？」というパワーワード。イケハヤ氏といえば、超絶技巧の煽り芸を得意としていますが、まさにイケハヤワールドを表現するにはこの一言、というやつ。</p>
<h3><span id="toc3">プロブロガーのなり方</span></h3>
<p>プロの定義にもよりますが、収入があればプロ、としていいのならわたしも立派なプロブロガーです。</p>
<p>生活できるレベルで稼げる、となるとあと１〜２年くらいは頑張らないといけなそうです。</p>
<p>そんなわたしでも、プロブロガーのなり方は説明できます。</p>
<div class="speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/03/創作ベースアップルタッチ.png" alt="しろくまさん" /></figure>
<div class="speech-name">しろくまさん</div>
</div>
<div class="speech-balloon">
<p>もう、ひたすら書け！</p>
</div>
</div>
<p>どうやったらプロになれるか、どうやったら稼げるか、どうやったら月100万円に届くか、、、</p>
<p>悩むくらいなら、ひたすら書けばいいんです。</p>
<p>統計取るのが面倒なんで自分の頭の中にあるイメージでいえば、100記事も書けば月１万円ならギリギリ稼げます。</p>
<div class="speech-wrap sb-id-20 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ずーん圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>わたしは稼げませんでしたけどね</p>
</div>
</div>
<p>そして、月１万円、あるいは１００記事執筆までたどり着けるのは、ほんの一握りの人たちだけです。</p>
<p>「ブロガーは楽に稼げる」と思われがちですが、下積みが異様にながく、しかも不安定。決して、楽な道ではないのです。</p>
<h4>プロになる手順</h4>
<div class="blank-box bb-tab bb-tips">
<ol>
<li>ブログコンテンツを充実させる（記事書け）</li>
<li>コンテンツに沿った収益方法をみつける（マネタイズ）</li>
<li>収益方法にあった集客方法を考える（マーケティング）</li>
<li>集客状況に合わせて、一番結果が出やすい方法を探す（試行錯誤）</li>
<li>別の方法での収益方法を探る（安定化）</li>
</ol>
</div>
<p>ブログの始め方については別の記事をご参照ください。</p>
<h2><span id="toc4">１００投稿目の収入は</span></h2>
<p>まぁ、なんでこんな記事を書いているのかというと、メインブログが<br />
<span style="color: #ff0000;">めでたく１００投稿目となりました！</span></p>
<p>ブログを始めるときに、まぁ、他のいろいろなブロガーさんたちの記事を見ました。</p>
<p>「まずは１００記事書いてみないと、実を結ばない」みたいなのって、よく目にするじゃないですか。</p>
<p>そいで、8月に本格的にスタートしたこのブログですが、約半年で、ようやく節目の１００投稿に達したわけです。</p>
<p>んで、現在までの収入をざっとみてみると、当サイトは、グーグルアドセンスからうん千円、アフィリエイトからうん百円の収入を得ることができました。</p>
<div class="speech-wrap sb-id-26 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/08/よめくま.png" alt="よめくま" /></figure>
<div class="speech-name">よめくま</div>
</div>
<div class="speech-balloon">
<p>子供のお小遣いやね。</p>
</div>
</div>
<p>ちなみに、サイトの運営費として、エックスサーバーとお名前.comに毎年2万円近くもぎ取られています。</p>
<div class="speech-wrap sb-id-18 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/泣き圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p><span style="color: #ff0000; font-size: 18pt;">大赤字</span>やね！</p>
</div>
</div>
<p>さらに、ブログ立ち上げ、ここまで記事作成及び投稿にかかった時間を考えると、およそ時給換算すると、時給百円にも満たない最低賃金を記録。</p>
<p>月給でも月千円というブラック企業もびっくりの労働基準を打ち出す。</p>
<p>１００投稿目で何の実を結んだかと思えば、それは<span class="bold red">借金という大火</span>だったわけですね、あな恐ろしや。</p>
<p>そいで、通勤中とかに考えていたわけですよ。</p>
<p>もしも自分の子供に将来の夢を聞いて、</p>
<div class="speech-wrap sb-id-27 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/08/ベビくまネムネム.png" alt="ベビくま" /></figure>
<div class="speech-name">ベビくま</div>
</div>
<div class="speech-balloon">
<p>「プロブロガーになりたい！」</p>
</div>
</div>
<p>みたいなこと言ったらどうしよう、って。</p>
<div class="speech-wrap sb-id-17 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/怒り圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>いやぁ、ぶちくまは反対だね！<br />
もう、絶対に反対だね&#x203c;︎<br />
親の顔が見てみたいね。</p>
</div>
</div>
<p>その上で、「<span class="bold red">プロブロガーなんて職業は存在しない</span>」って冷たく言い放つね。</p>
<h3><span id="toc5">収入があればプロブロガーなのか</span></h3>
<p>例えば、先のイケハヤさん。</p>
<p>彼はおそらくプロブロガーでしょう。</p>
<p>というか、ブログ界で彼を無視してプロブロガーについて語るのはもはや失礼千万でありんす。</p>
<p>ただ、ぶちくまからすると、彼は<span style="color: #ff0000;">ブログという媒体を使って「イケダハヤト」を売り出した</span>人です。</p>
<p>度重なる炎上をこれ見よがしに身に纏い、疾風怒濤のごとくネット界を這いずり回った暴れ猪です。</p>
<p>「イケダハヤト」という情報をエンターテイメントに変えて、あるいはバズワードに仕立て上げて売り出した猛者ですよ。</p>
<p>そう、ブログなんてたかがツール。売り出しているのは、「<span style="color: #ff0000; font-size: 14pt;">自分という情報</span>」です。</p>
<h4>イケダハヤトさんはブロガー？</h4>
<p>これは加筆修正部分。</p>
<p>たまに思うのは、もうイケハヤさんはブロガーとは違う存在だと思ってます。少なくとも、ブロガーとして育つために、学ぶべきことはイケハヤさんからは何もないと思います。</p>
<p>ただ、ブロガー以外の部分で言えば、学べることはたくさんあると思います。この辺りはまた別の機会にお話しすることにしましょう。</p>
<h3><span id="toc6">ブログの将来</span></h3>
<p>これはほぼ妄想に近い、あるいはSFと言ってもいいかもしれない。想像の域を超えないので、テレビでもみて尻でも掻きながら聞いてくれ。</p>
<div class="speech-wrap sb-id-16 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ぶちくま圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>ブログは将来死にます。<br />
絶対に死にます。</p>
</div>
</div>
<p>今や、各メディア、各企業、各個人、生きとし生けるもの、あるいは生きているとは言えないものも含めて、「<span style="color: #ff0000;">時間の奪い合い</span>」をしているような状況です。</p>
<p>資本主義の中を生きて来た私たちも、もはやお金というパイを奪い合うこともなくなりました。</p>
<p>だって、ゲームだって、漫画だって、ネットだってなんだって、全部無料で楽しめます。（もちろん、その先に発生する何かしらのメリットを見据えて、ですが）</p>
<p>とりあえず暇をつぶすくらいだったら、お金なんかかける必要がない。その中で「ブログを読む」という時間の使い方を選ぶ人はどれくらいいるでしょうか。</p>
<p>文章も洗練されていない、情報の精度もない、オチもへったくれもない、ただの個人の日記。</p>
<p>あるいは、「お得な情報」という仮面を被ったほとんどまとめサイトのような面白みのない金稼ぎブログ。</p>
<p>誰が好き好んで読むのでしょうか。</p>
<div class="speech-wrap sb-id-20 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ずーん圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>いや、読んでるけどさ。読みこなしてるけどさ。</p>
</div>
</div>
<p>少なくとも「誰かの情報」を自分の情報のように仕立て上げた「二次情報」しか取り扱っていないブログなんか、淘汰されてしかるべきです。</p>
<p>このブログなんて、真っ先に捻り潰されてしかるべきですよ（自虐）</p>
<h3><span id="toc7">情報収集なんて機械に奪われる仕事筆頭</span></h3>
<p>きっと、googleさんの検索機能はもっと強化されて、ネット上の情報は今よりもっと発展したAI（人工知能）のクロール機能で収集され、さらには個人が調べたい情報として、加工/洗練されて、検索結果を表示してくれるはずです。</p>
<p>人間がやるより、情報の取り扱いに関してはAIの方が圧倒的に有利です。</p>
<div class="speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/03/創作ベースアップルタッチ.png" alt="しろくまさん" /></figure>
<div class="speech-name">しろくまさん</div>
</div>
<div class="speech-balloon">
<p>持っている情報量と、検索力が桁違いですからね。</p>
</div>
</div>
<p>コンピュータによって奪われる作業の筆頭ですよ、今、プロブロガーを名乗っている人たちの仕事はね。</p>
<p>「ブログは誰でもできるよ」とか「１ヶ月で○万円稼げる！」みたいな、ブログって儲かるんだぜって力説している記事には注意が必要です。</p>
<p>確かに、ブログ収益に天井はありません。でも、費やす時間は尋常ではないし、積み上げても崩されるのは一瞬です。</p>
<h3><span id="toc8">ちなみに、機械に奪われる、将来なくなる仕事、とは</span></h3>
<p>まず、我々も目を背けられないのが、半分以上の仕事はなくなるだろうということ。</p>
<p>機械に奪われる仕事、というキーワードといえば、<br />
<a rel="noopener" target="_blank" href="http://gendai.ismedia.jp/articles/-/40925">オックスフォード大学が発表した、5年も前の論文になるんだけど、こちらが有名</a>です。<br />
<span style="font-size: 8pt;">引用元は週刊現代にしました。</span></p>
<p>会計ソフトが優秀なので多分会計士はいなくなるだろうと思ったけど、専門に取り扱っていたもの（例えばカメラとか）自体がなくなることで消える仕事もあります。</p>
<p>今回はここをメインに話すわけじゃないので概ね割愛だけど、多分自分の今の仕事は寿命はまだあるにせよきっとなくなる。</p>
<p>んで、それより先にプロブロガーという職業はなくなる。公務員だって半分以下になるだろう未来です。ただの情報まとめただけのブログが生き残れる余地があっていい訳がない。</p>
<h3><span id="toc9">あなたが何を伝えたいか、で初めて仕事として成り立つということ</span></h3>
<p>さて、散々プロブロガーなんてあかんで、と言っていましたが、それはプロブロガーを目指している方に伝えたかったのです。</p>
<p>あなたが、例えば何かに対して強い興味があって、あるいは専門の知識があって、それを伝えたい人がいるという状況にあった時に、初めて需要と供給が発生します。</p>
<p>もしも、あなたがただ副業がしてみたい、と思っているだけでブログに興味があるのなら、やめておきなさい、とぶちくまは優しく諭します。</p>
<div class="speech-wrap sb-id-18 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/泣き圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>だって、時給１００円だぜ。<br />
普通にバイトしてた方がいいだろ。</p>
</div>
</div>
<p>もちろん、稼ごうと思えば稼げるとは思います。</p>
<p>ただ、稼ごうと思っただけのブログでは、やはり読み手を納得させるには至りません。「誰にでもできる」わけがないんです。</p>
<ul>
<li>「伝えるべき情報」</li>
<li>「正しく伝えるスキル」</li>
<li>「それを楽しんで行うモチベーション」</li>
</ul>
<p>を持ち合わせた方だけが、ブログを続けることができるんだと思います。</p>
<p>１００投稿に至ったぶちくまの、ブログに対する感想です。</p>
<p>じゃあぶちくまはどうなんだと問われれば、正直言葉に詰まる思いではある。</p>
<h3><span id="toc10">なんだか無駄に長い文章を書いてしまった罪悪感と感想</span></h3>
<p>最近、似たような記事が多すぎるという苦言も込めて、こんな記事になりました。</p>
<p>あと、ブロガーになりたい我が子には、ブロガーにはならずに、一生懸命自分の好きなことに挑戦して、その果てにブログを使ってもらいたいと思いました。</p>
<p>ちなみに、かの村上龍が小説家になりたい子供にどうやって小説家になるのか聞いてみた、みたいなやつがあったと思うんだけど、（ソース不明でごめんなさい）</p>
<blockquote><p><strong>「小説家なんかなろうと思ってなるんじゃなくて、何にもなれるものがないやつがしょうがなくなるのが小説家だ」</strong></p></blockquote>
<p>みたいなことを言っていたと思う。詳細は不明だ。</p>
<p>ブロガーもそうだと思う。ブロガーは目指してなるもんじゃなくて、何かが好きで、あるいは好きなこと以外はうまくいかなくて、どうしょうもなく行き詰まった挙句に、なんとか「好き」を仕事に、あるいは収入にしようと無理やりねじ込んで職業に変えたのが<br />
プロブロガー、だと思っています。</p>
<h3><span id="toc11">YouTuberはエンターテイナー</span></h3>
<p>ちなみに、今大人気のYouTuberは全く別の生き物で、彼らは「自分の情報」を売っているのではなく、自分をエンターテイメントに変えて売り出しているのだと思います。</p>
<p>同じネット上のお仕事（？）ですけど、180度以上、355度くらい別の仕事です。</p>
<p>今日の通勤時間に考えていたことが文章に吐き出せてよかったです。こうやって自分の考えたことが売り出せるのがブログの醍醐味です。多分、この記事の売り上げは２円くらいでしょうかね（苦笑）</p>
<h2><span id="toc12">こんな記事を１年前に書いていたことに対する驚き</span></h2>
<p>加筆修正部分です。</p>
<p>ちなみに、この頃はまだ収益化とかは全く考えていませんでした。興味があったAdsenseとかに登録したけど「登録する方法」に興味があって、収益化やマネタイズとかは全く考えていなかったんですよね。</p>
<p>だから、情報溢れるTwitterも、この頃は全く使っていなかったわけです。（新記事のリンクを投稿したりはしてたけどね）自分でも、ちょっと恐ろしいなと思うのが、Twitterだと情報が溢れているので、ブログ論とか色々目にするけど、この頃は、あのTwitterのわちゃわちゃとしたブログ情報とか、全く読んでいないのに、それなりに真っ当な意見を口にしていること。</p>
<p>そして、何故かイケハヤ氏を取り上げていること。今なら絶対に触れないでおくところだなぁ、と思うのだけど。血気盛んですね、この頃は。</p>
<h3><span id="toc13">まとめるだけの記事とは違う方向で発信するのがブロガーの強み</span></h3>
<p>リライトしてて、ここは訂正しないとなぁ、と思ったのが、「ブロガーは情報をまとめるだけ」というところですね。</p>
<p>これは、1年間やってて違うと思ったところ。</p>
<p>ブログの記事は、情報をまとめるのではなくて、「情報に自分の色をつけて提供すること」だと思っています。</p>
<p>つまり、同じ情報だとしても、そこにその人らしさがあれば、検索では負けるかもしれないけど、記事としては意味があるということ。逆に言えば、ただ情報をまとめただけの記事には、ブロガーとして執筆したことに意味がない、というか価値が見出せないということ。</p>
<h3><span id="toc14">個別性が加味された検索結果が表示されたときに強み</span></h3>
<p>Google検索はどんどん進化しています。今も、徐々に、検索者の意図や個別性に合わせた検索結果を出せるようにしている節がみられます。</p>
<div class="speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/03/創作ベースアップルタッチ.png" alt="しろくまさん" /></figure>
<div class="speech-name">しろくまさん</div>
</div>
<div class="speech-balloon">
<p>とはいえ、まだ性別や年齢、地域を読み取ってるくらいだけどね。</p>
</div>
</div>
<p>ブログは、パーソナライズされた記事検索ができたときに、強みになります。誰かの答えになる記事は無限大にありますから、あなたの記事は、必ず誰かの役に立つはずです。</p>
<div class="speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/03/創作ベースアップルタッチ.png" alt="しろくまさん" /></figure>
<div class="speech-name">しろくまさん</div>
</div>
<div class="speech-balloon">
<p>その代わり、検索結果が散るようになるので、アフィリエイターの収益はガクンと減るだろうけどね</p>
</div>
</div>
<h3><span id="toc15">あなたの個性も強みに</span></h3>
<p>プロブロガーを目指すよりも、何かのプロになってブログで発信する方がいい。</p>
<p>Googleはあなたの専門性にも注目するようになっています。どこまで読み取れるようになるかは、今後のAIの発展や、広告のあり方、個人情報登録などの問題によると思いますが、何かのプロであれば、ブログはあなたの個性を強みとして記事を高く評価する可能性があります。</p>
<p>なので、プロのブロガーではなく、自分の好きなことをとことん突き詰めて、武器にしてみてください。</p>
<p>必ず、評価される時がきます。</p>
<h3><span id="toc16">ブログ論のようなことを語ってしまう</span></h3>
<p>なんだか、ブログ論のようなことを語ってしまいました。反省です。</p>
<p>&nbsp;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://buchikuma.xyz/pro-blogger/feed/</wfw:commentRss>
			<slash:comments>6</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">857</post-id>	</item>
		<item>
		<title>SNS疲れしたので脱スマホした生き方を提案したい【インスタ映え】</title>
		<link>https://buchikuma.xyz/nugitto/</link>
					<comments>https://buchikuma.xyz/nugitto/#comments</comments>
		
		<dc:creator><![CDATA[ぶちくま]]></dc:creator>
		<pubDate>Thu, 27 Sep 2018 03:27:39 +0000</pubDate>
				<category><![CDATA[スパルタブログ論]]></category>
		<guid isPermaLink="false">https://buchikuma.xyz/?p=868</guid>

					<description><![CDATA[「インスタ映え」に食傷気味な方におすすめしたい「脱人（Nugitto）」生活。 SNSを始めとして、スマホのない生活を送り私生活の充実を図る。 常に新鮮な気持ちを持って人と話したり、身近な発見を楽しむ、という考え方をしな [&#8230;]]]></description>
										<content:encoded><![CDATA[<h5>「インスタ映え」に食傷気味な方におすすめしたい「脱人（Nugitto）」生活。<br />
SNSを始めとして、スマホのない生活を送り私生活の充実を図る。<br />
常に新鮮な気持ちを持って人と話したり、身近な発見を楽しむ、という考え方をしながら、マーケティングについても考えています。</h5>
<p>脱SNSの考え方は、ブログ運営においてもかなり重要です。</p>
<p>特に、副業として多角的視点で展開し、未来を見通して記事作成していくならなおさらです。</p>
<div class="speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/03/創作ベースアップルタッチ.png" alt="しろくまさん" /></figure>
<div class="speech-name">しろくまさん</div>
</div>
<div class="speech-balloon">
<p>ブログ運営において3ヶ月後にどんな記事が必要か考えるのはとっても大事！</p>
</div>
</div>
<p>「インスタ映え」が流行ったら、次はどのような社会的流行が起きるのか、予想してみました。</p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-18" checked><label class="toc-title" for="toc-checkbox-18">INDEX</label>
    <div class="toc-content">
    <ol class="toc-list open"></li><li><a href="#toc1" tabindex="0">インスタはもういい加減飽きた、みたいな人へ</a><ol><li><a href="#toc2" tabindex="0">「インスタ映え」の次に流行るものってなんだろう</a></li><li><a href="#toc3" tabindex="0">そもそも、SNSって流行ってるの？</a></li><li><a href="#toc4" tabindex="0">表現は自由だけど認められているわけではないからな</a></li><li><a href="#toc5" tabindex="0">SNSって疲れない？</a></li></ol></li><li><a href="#toc6" tabindex="0">情報過多のこの世の中で、「情報を必要としない」生き方を</a><ol><li><a href="#toc7" tabindex="0">ゲームの脳死感が半端ない</a></li><li><a href="#toc8" tabindex="0">あえて、情報量をセーブすること</a></li></ol></li><li><a href="#toc9" tabindex="0">「経験の共有」を大事にする「脱人」という生き方</a><ol><li><a href="#toc10" tabindex="0">「脱人」ってどんな人？</a></li><li><a href="#toc11" tabindex="0">一番近い人と、ゆったりとした時間を共有する</a></li><li><a href="#toc12" tabindex="0">話をする人と新鮮な驚きを共有できる</a></li><li><a href="#toc13" tabindex="0">若い人ほど「脱人」になってほしい</a></li></ol></li><li><a href="#toc14" tabindex="0">「脱人」をターゲットとしたマーケティングってなんだろう</a><ol><li><a href="#toc15" tabindex="0">カメラを使う時間はもったいない「自動アルバム作成ツール」</a></li><li><a href="#toc16" tabindex="0">体験を売るのはブロガーの仕事</a></li></ol></li><li><a href="#toc17" tabindex="0">「脱人」のまとめ</a><ol><li><a href="#toc18" tabindex="0">脱人がゲシュタルト崩壊して脱税っぽくみえる</a></li><li><a href="#toc19" tabindex="0">netabarashi</a></li></ol></li></ol>
    </div>
  </div>

<h2><span id="toc1">インスタはもういい加減飽きた、みたいな人へ</span></h2>
<p>2017年の流行語に「インスタ映え」が入ったこともあって、多少強引に、映え映え言っておりましたが、いい加減食傷気味な今日この頃。</p>
<p>みなさん、如何お過ごしでしょうか。</p>
<p>ブログなんぞ運営しているから、一応ツイッターもフェイスブックもやってはおりますが、SNS的な機能は全く活かせておりません。</p>
<p>世界中に発信され続ける孤独なブロガー、改めまして、ぶちくまです。</p>
<h3><span id="toc2">「インスタ映え」の次に流行るものってなんだろう</span></h3>
<p>そもそも本当に流行っていたのかはなんとも言えないところですが、少なからぬ経済効果があったことには間違いなし。</p>
<p>なので、「インスタ映え」に続いて流行るものがわかれば、「ビットコイン」ばりに儲けることもできるんじゃないの？</p>
<p>、、、ということを仕事帰りの車で考えておりました。</p>
<p>仕事帰りの車って、現実逃避にもってこいなんだよね、仕事辞めたくて仕方ないから、妄想も捗るよね。</p>
<p>さて、インスタが静止画を発信するSNSだったこともあり、当然、静止画の次は動画、というのは端的な考え方かしら？</p>
<p>YouTubeが流行ったのはもう何年も前ですし、今更動画をSNS的に扱ったところで、それはもうトレンドでもなんでもないのでは？</p>
<p>動画って、撮る方も見てる方も時間取られるし、疲れるから、どうしても一大ムーブメント、まではいかないような気がするんだよね。</p>
<h4>残念ながらTikTokが流行る</h4>
<p>これも、本当に流行っているのかどうかはわかりませんが。</p>
<p>やはり「<span class="bold red">短い動画でSNS</span>」の流れは来ているようです。</p>
<div class="search-form">
<div class="sform">tik tok</div>
<div class="sbtn">検索</div>
</div>
<p>で検索してみても、「危険性」とか「うざい広告」が上位表示されるだけなのは、わたしがGoogle神に若者認定されていないだけなのかしら。</p>
<p>アプリ関連でも、動画投稿系はたくさん放出されていますが、広告の影響も相待って、興味がない層には結構うざがられている。</p>
<p>YouTubeなんかは反社会的行為を動画投稿することが、社会的問題にもなっているのだから、火に油を注ぐようなことにならないといいけどね。</p>
<div class="appreach">
<p><img decoding="async" class="appreach__icon" src="https://is1-ssl.mzstatic.com/image/thumb/Purple118/v4/85/ea/b0/85eab094-369c-6672-1495-9af2df140a2f/source/512x512bb.jpg" alt="TikTok ティックトック" /></p>
<div class="appreach__detail">
<p class="appreach__name">TikTok ティックトック</p>
<p class="appreach__info"><span class="appreach__developper">BYTEMOD PTE. LTD.</span><span class="appreach__price">無料</span><span class="appreach__posted">posted with<a rel="nofollow noopener" target="_blank" title="アプリーチ" href="http://mama-hack.com/app-reach/">アプリーチ</a></span></p>
</div>
<div class="appreach__links"><a rel="nofollow noopener" target="_blank" class="appreach__aslink" href="https://itunes.apple.com/jp/app/tiktok-%E3%83%86%E3%82%A3%E3%83%83%E3%82%AF%E3%83%88%E3%83%83%E3%82%AF/id1235601864?mt=8&amp;uo=4&amp;at=1010lHvv"><img decoding="async" src="https://nabettu.github.io/appreach/img/itune_ja.svg" /></a><a rel="nofollow noopener" target="_blank" class="appreach__gplink" href="https://play.google.com/store/apps/details?id=com.ss.android.ugc.trill"><img decoding="async" src="https://nabettu.github.io/appreach/img/gplay_ja.png" /></a></div>
</div>
<h3><span id="toc3">そもそも、SNSって流行ってるの？</span></h3>
<p>もはや中高生がスマホを持ってるのなんて当たり前のこのご時世。</p>
<p>我々が中高生の時にもすでに携帯電話は普及しておりましたが、せいぜいがメールで個と個の繋がりでしかありませんでした。</p>
<p>というか、元来コミュニケーションってそんなもんでした。</p>
<p>周囲に対して発信したいことなんてなかったし、友達と遊ぶので精一杯だったような気がする。</p>
<p>その、友達と遊ぶ、にしたって、半径１５m程度で賄われていた社交場でしたからね。</p>
<p>人間関係に飢えて、苦しんで、好きでもないやつらとつるみながら、やりたくもないことに時間を潰していたのが、我々の時代でした。</p>
<div class="speech-wrap sb-id-20 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ずーん圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>あくまでも根暗なぶちくまの青春時代のお話やで</p>
</div>
</div>
<h3><span id="toc4">表現は自由だけど認められているわけではないからな</span></h3>
<p>発信したいものはないけれど、自分の中にくすぶっている何かを、なんとか表現したくて、ノートの隅っこに並々ならぬポエムが書き連ねられては、誰にも見せずに勉強机の棚に鍵かけてしまい込む、そんな青春時代でした。</p>
<div class="speech-wrap sb-id-18 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/泣き圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>、、、ぶちくまだけ？</p>
</div>
</div>
<p>今は、SNSが自然と受け入れられている時代ですので、そう言ったポエミーな内面感情も、外部に発信したりできるようになりました。</p>
<p>流石にポエム読んでSNSにアップする強者は今でも浮いた存在にはなるでしょうが、「認めてくれ」と言わんばかりに、インスタ含め自らの創作物を世に発信するのは、これ、ぶちくまの青春時代のノートの片隅と一緒だと思うの。</p>
<p>本来だったら恥ずかしくて淘汰されるべき感情が、なまじSNSにアップされるもんだから、よくもないのに「いいね」とレスポンスを受け、あるいは、同じような傷を持ったもの同士で慰み合う始末。</p>
<p>それがSNSの良さでもあり、周囲はちょっと遠い目で眺めている現状でもある。</p>
<h3><span id="toc5">SNSって疲れない？</span></h3>
<p>SNS疲れについては、すでに世を賑わせたワードですので、割愛ですが、だいたい周期的に、SNSが流行ると、<span class="bold blue">SNSを辞める風潮</span>が出現します。</p>
<p>ミクシーだって、フェイスブックだってそうだった。インスタだって、インスタ疲れの波が押し寄せるはず。</p>
<p>なので、「インスタ映え」の次は、「インスタ辞め」になるはず。</p>
<div class="speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/03/創作ベースアップルタッチ.png" alt="しろくまさん" /></figure>
<div class="speech-name">しろくまさん</div>
</div>
<div class="speech-balloon">
<p>、、、うーん、あんまり上手くないなぁ。</p>
</div>
</div>
<p>んが、とにかく次のトレンドはインスタとは全く逆の流れになると思うんだよね。</p>
<p>つまり、「他の人と共有するもの」ではなく、「我が道を行く系」がいい。個人的な希望でもある。</p>
<h2><span id="toc6">情報過多のこの世の中で、「情報を必要としない」生き方を</span></h2>
<p>今朝方、Yahoo！ニュースを眺めていたら、「毎日このくらいの情報密度で暮らしたい」というTwitter漫画を目にしました。</p>
<p>んで、ガチで共感しました。</p>
<blockquote class="twitter-tweet" data-lang="ja">
<p dir="ltr" lang="ja">毎日これくらいの情報密度で暮らしたい。 <a rel="noopener" target="_blank" href="https://t.co/qYcsJqIfU0">pic.twitter.com/qYcsJqIfU0</a></p>
<p>— &#x1f340;&#x1f363;たんたんめん&#x1f363;&#x1f340; (@km170) <a rel="noopener" target="_blank" href="https://twitter.com/km170/status/902176849291223045?ref_src=twsrc%5Etfw">2017年8月28日</a></p></blockquote>
<p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p>まぁ、ざっくり言うと、「拾った木の枝がかっこよかったから、今日はいい日だった」<br />
と言うだけの話なんだけども。</p>
<p>最近、スマホなんかもいじり始めると、そればっかりになってしまって、「結局、今日一日何していたのかわからない」なんて日が多い。</p>
<p>とにかく、１日に入ってくる情報の量が多いし、「これをしていないと人生損してる」みたいな気分になることが多い。</p>
<h3><span id="toc7">ゲームの脳死感が半端ない</span></h3>
<p>ゲームなんかしてると顕著で、攻略法なんかは当然のこと、裏技、チート情報なんかもあって、自分でゲームをしているのか、筋書き通りにゲームさせられているのか、わからなくなってくる。</p>
<p>少なくとも、自分が幼少期に感じたような、クリアした時の達成感て、今では感じないんですよね。</p>
<p>まぁ、おっさんだからってのも大きいけどね。おっさんだから、ゲームで達成感覚えている場合じゃないんだけどね、わかってるんだけどね、わかってるんだけどさ。あの、無駄なことして得たときの達成感、半端ないんだよね。</p>
<h3><span id="toc8">あえて、情報量をセーブすること</span></h3>
<p>今、経験できることに一生懸命になること、これが大切だと思っています。</p>
<p>そのためには、あえて情報をシャットダウンすることも大事なのかなと感じています。</p>
<p>特に、最近ではゲームどころではなく「人生の攻略本」みたいな情報を求め始めていた現状。</p>
<p>「ビットコイン」で一儲けしようと思う方だって、それを知らずに過ごしていれば、毎日、仮想通貨の価格変動に一喜一憂することはなかったわけです。</p>
<p>もちろん、儲けが出た時は嬉しいだろうけどね。</p>
<p>あるいは、SNSの情報だって、「これをしているから私ってリア充」みたいな情報の垂れ流しなだけであって、それをいかに周囲にアピールして承認されるかで、幸せ指数を高めているだけにすぎないなぁ、とぶちくまは感じています。</p>
<p>でもきっと大事なのは流行に乗ってみんなと同じ経験をして行く事ではなくて、自分の身の回りの範囲で、自分らしい「幸せな時間」を、自分の大切な人たちと共有して行くことが、かけがえのない時間の使い方なんだなぁ、と思っています。</p>
<h2><span id="toc9">「経験の共有」を大事にする「脱人」という生き方</span></h2>
<p>さて、ここまでの文章は全て読み飛ばしOKで、何が言いたいかって言うと、「インスタ映え」の次に流行る（流行ってほしいと言う願望も込めて）ことは、「脱スマホ的経験」だと思います。</p>
<p>スマホに縛られるのではなく、いかに自分らしい時間の使い方ができるのか、そしてそのオンリーワンな時間について、「共有」することが、一つのポイントとなると思います。</p>
<p>ここでは、脱スマホ的生活を行う人を、仮に「脱人（Nugitto/ぬぎっと）」と名付けます。</p>
<p>新潟県民的には「Negicco/ねぎっこ」みたいな感じです。</p>
<p><div class="product-item-box amazon-item-box no-icon product-item-error cf"><div><p class="amazon-search-message"><a rel="nofollow noopener" target="_blank" href="https://www.amazon.co.jp/exec/obidos/ASIN/B07GYC8SHM/buchikuma4690-22/">Amazonで「love my 15years(BRD) Blu-ray」に関する詳細を見る</a></p><div class="amazon-item-buttons product-item-buttons"><div class="shoplinkamazon"><a rel="nofollow noopener" target="_blank" href="https://www.amazon.co.jp/gp/search?keywords=love+my+15years%28BRD%29+Blu-ray&#038;tag=buchikuma4690-22">Amazon</a></div><div class="shoplinkrakuten"><a rel="nofollow noopener" target="_blank" href="https://hb.afl.rakuten.co.jp/hgc/15ed3676.673e8e27.15ed3677.2f1b5353/?pc=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2Flove+my+15years%28BRD%29+Blu-ray%2F&#038;m=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2Flove+my+15years%28BRD%29+Blu-ray%2F">楽天</a></div><div class="shoplinkyahoo"><a rel="nofollow noopener" target="_blank" href="https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3391244&#038;pid=888695443&#038;vc_url=http%3A%2F%2Fsearch.shopping.yahoo.co.jp%2Fsearch%3Fp%3Dlove+my+15years%28BRD%29+Blu-ray">Yahoo!ショッピング<img loading="lazy" decoding="async" src="https://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=3391244&pid=888695443" width="1" height="1" border="0"></a></div></div></div></div></p>
<h3><span id="toc10">「脱人」ってどんな人？</span></h3>
<p>基本は、「あえて情報量を抑えて、自分の生活圏内でできることに精一杯打ち込む人」みたいな感じです。</p>
<p>ベストは断捨離的にスマホを投げ捨てて、限りなくシンプルな生き方を志したいところですが、そこまでの決心はつかないところ。</p>
<p>生活レベルは変えない、変えたくないが、ちょっと今の生活にマンネリしている方にトライしていただきたい。</p>
<p>スマホは朝と寝る前の10分くらいの使用で、メールやニュースを確認するくらい。</p>
<p>あとはスマホはただの携帯電話として使用するに限ります。</p>
<p>これだけで、今までスマホに奪われていた数時間が、突然「何をしていいかわからない時間」に変わります。</p>
<p>休日なんて地獄です。ほんと何していいかわからない。</p>
<p>でも、そこから、各々の人間性だったり、あるいは気づかなかった地域資源だったりに、<br />
初めて目が向くようになります。</p>
<div class="speech-wrap sb-id-16 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ぶちくま圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>わたしはブログに集中する時間が増えました。ただし、情報量も少ないので、こういったもごもごとした文章を叩きつけていくしかなくなりました。</p>
</div>
</div>
<p>内面表現著しいですね。</p>
<h3><span id="toc11">一番近い人と、ゆったりとした時間を共有する</span></h3>
<p>ぶちくまの場合は、暇なので、無駄に家事や育児をしたりするようになります。</p>
<p>天気が良ければ、家の近くをよめくまとベビくまで散歩したりします。</p>
<p>自然と、夫婦の会話が増える。もちろん喧嘩もする。</p>
<p>でも、なんだかゆったりと流れる時間が幸せに感じたりします。</p>
<p>散歩なんかしてると、自分の家の近くのことに気がつくようになって、「そういえば田植えの季節だなぁ」とか、「ここでカブトムシ捕まえられるんじゃね」とか、そういうみじかな発見に遭遇します。</p>
<h3><span id="toc12">話をする人と新鮮な驚きを共有できる</span></h3>
<p>ネットばっかり見てると、割合情報はすぐに集まるので、人と話をしていても、「あっ、この話ネットニュースで見て知ってる」とか「SNSに載せてたやつじゃん」と言うことが多かったりします。</p>
<p>「脱人」になると、そういった情報も知らなかったりして、新鮮な気持ちで人の話を聞くようになります。</p>
<p>ここで発揮されるのは、「<span class="bold red">聞き上手</span>」のスキル。</p>
<h4>聞き上手は生きかた上手</h4>
<p>世の中、うまく渡っていくには、「話し上手」よりも「聞き上手」の方が圧倒的に有利。</p>
<p>情報を持っている人間は余計に喋りすぎる傾向にありますが、情報を持っていない人で、聞き上手のスキルがあると、話をしている人は気持ちいいし、自分も同時に情報が得られるので、良好な人間関係の形成が期待できます。</p>
<h3><span id="toc13">若い人ほど「脱人」になってほしい</span></h3>
<p>若者は当然スマホの依存率は高いし、手放せないだろうし、スマホで無料でできる手軽な時間潰しに没頭していると思います。</p>
<p>親の協力も必要かもしれませんが、スマホを置いて暇な時間を過ごす時間を是非に作ってほしい。</p>
<p>「みんなと同じ経験」を追い求めるのは、手っ取り早くリア充ポイントは溜まるかもしれませんが、人生の有用性を証明するのは、自分だけの経験だと思います。</p>
<p>まぁ、友達と一緒に「インスタ映え」スポットを廻る、っていうのも、結構楽しいし、いい思い出になるからいいと思うんだけどね。</p>
<h2><span id="toc14">「脱人」をターゲットとしたマーケティングってなんだろう</span></h2>
<p>さて、「脱人」的な生き方が流行ることはまずないと思いますが、「脱スマホして、身近な幸せを掴む、人とは違う経験をする」人は、まぁ少なからずいることでしょう。</p>
<p>しかし、そういった少数派を対象とした商売はいまいち利益は少なそうですが、いやしかし、ニッチを狙ったマーケティングは大事なことです。</p>
<p>大体において、スマホに疲れた人間というのは、そもそもの情報処理が苦手だったりします。</p>
<p>あるいは、一つの体験に集中したい性質だったりします。</p>
<h3><span id="toc15">カメラを使う時間はもったいない「自動アルバム作成ツール」</span></h3>
<p>自動でアルバム作成してくれるサービスなんかもあったりしますが、テーマパークなんかでは、撮影なんかも勝手にやってくれると嬉しいですね。</p>
<p>修学旅行の引率カメラマンみたいな感じですね。</p>
<p>いわゆる「インスタ映え」する撮影スポットにカメラなんかおいて、いいショットが撮れたら自動でそれぞれのスマホに送られてくる、みたいなお手軽さがいいなぁ。</p>
<p>なんか色々倫理的な権利に触れそうで問題は山積みだとは思いますが。</p>
<h3><span id="toc16">体験を売るのはブロガーの仕事</span></h3>
<p>あと、SF的な視線で言いますと、やはり「自分にしかできない経験」を売れるといいですよね。</p>
<p>「世にも奇妙な」とかによくあるテーマです。</p>
<p>動画配信サービスになると思いますが、「誰かに向けた配信」ではなく、だれかの経験を追体験できるようなイメージでしょうか。</p>
<p>田舎に住んでいる生活を、都会の人が体験できる、とか。VRとかと相性が良さそうですな。</p>
<div class="speech-wrap sb-id-20 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ずーん圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>我々ブロガーは、自分の体験を文章にして売ってますけどね。</p>
</div>
</div>
<p>いや、そもそも売れてませんけどね。</p>
<h2><span id="toc17">「脱人」のまとめ</span></h2>
<div class="blank-box bb-tab bb-point bb-red">
<ul>
<li>スマホを使わずに、その時できる体験を大切にする。</li>
<li>身近な人との会話を大事にする。</li>
<li>小さな驚き、発見に感動する。</li>
<li>商売には向かない。</li>
</ul>
</div>
<p>さて、だいぶペチャクチャ語らせてもらいましたが、あまりに長くなって、日をまたいでしまいました。</p>
<p>日を跨いだことで、一体、自分でも何が書きたかったのかわからなくなってしまい、とりあえずそれらしくまとめて見ましたが、いかがでしたでしょうか。</p>
<p>ブログなんぞやってると、ほぼ情報収拾に時間を費やして、何だか頭でっかちな生き方しかできないような気がして、こんな記事を書いてみました。</p>
<h3><span id="toc18">脱人がゲシュタルト崩壊して脱税っぽくみえる</span></h3>
<p>それだけの話だ。</p>
<h3><span id="toc19">netabarashi</span></h3>
<p>ネタバラシですけども、これはメインブログで2018年が始まった頃に書いた記事です。</p>
<p>自分で言うのは何ですが、なかなか着眼点は素晴らしいと思います。素晴らしすぎて、メインブログで出すのはちょっと羞恥心が限界点突破したので、こちらの趣味ブログに移動しました。</p>
<p>半年で36PVも叩き出した秀逸な記事です。</p>
<p>ぜひ、ご愛読のほどお願いします。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://buchikuma.xyz/nugitto/feed/</wfw:commentRss>
			<slash:comments>16</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">868</post-id>	</item>
		<item>
		<title>ブログに収益が発生したのでMFクラウドで確定申告する【freeeと弥生を比較】</title>
		<link>https://buchikuma.xyz/kakuteishinkoku-soft/</link>
					<comments>https://buchikuma.xyz/kakuteishinkoku-soft/#comments</comments>
		
		<dc:creator><![CDATA[ぶちくま]]></dc:creator>
		<pubDate>Sat, 24 Nov 2018 12:09:37 +0000</pubDate>
				<category><![CDATA[収益化]]></category>
		<guid isPermaLink="false">https://buchikuma.xyz/?p=930</guid>

					<description><![CDATA[確定申告ソフト導入の際に調べたことをまとめています。 素人ブログの収益はほとんどないため、無料プランがあるのがいい。 freeeとMFクラウドの二択になるのですが、月の仕分けが１５件まで無料でできるMFクラウドフリープラ [&#8230;]]]></description>
										<content:encoded><![CDATA[<h5>確定申告ソフト導入の際に調べたことをまとめています。<br />
素人ブログの収益はほとんどないため、無料プランがあるのがいい。<br />
freeeとMFクラウドの二択になるのですが、月の仕分けが１５件まで無料でできるMFクラウドフリープランがお手頃なので導入してみました。</h5>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-20" checked><label class="toc-title" for="toc-checkbox-20">INDEX</label>
    <div class="toc-content">
    <ol class="toc-list open"></li><li><a href="#toc1" tabindex="0">ブログに収益があると確定申告が必要</a><ol><li><a href="#toc2" tabindex="0">ブログが収益化してしまった経緯</a></li><li><a href="#toc3" tabindex="0">経費を越えた収益が得られるようになった</a></li><li><a href="#toc4" tabindex="0">収益発生と同時に確定申告の必要性も考慮</a></li></ol></li><li><a href="#toc5" tabindex="0">確定申告のための準備は何したらいいの？</a><ol><li><a href="#toc6" tabindex="0">青とか白とか、一体何の話？</a></li><li><a href="#toc7" tabindex="0">青色申告と白色申告の違い</a></li></ol></li><li><a href="#toc8" tabindex="0">弥生</a></li><li><a href="#toc9" tabindex="0">freee</a><ol><li><a href="#toc10" tabindex="0">freeeをお勧めしたいのはこんな方</a></li></ol></li><li><a href="#toc11" tabindex="0">MFクラウド</a><ol><li><a href="#toc12" tabindex="0">家計簿アプリの使い勝手が良いマネーフォワード</a></li></ol></li><li><a href="#toc13" tabindex="0">freeeとMFクラウドの２択</a><ol><li><a href="#toc14" tabindex="0">freeeは</a></li><li><a href="#toc15" tabindex="0">MFクラウド</a></li></ol></li><li><a href="#toc16" tabindex="0">素人ブログの確定申告のための収益計算はMFクラウドで</a><ol><li><a href="#toc17" tabindex="0">MFクラウドはこんな方にお勧め</a></li><li><a href="#toc18" tabindex="0">実際に使用してみて</a></li><li><a href="#toc19" tabindex="0">ほぼレシートはないけど大丈夫みたいだ</a></li></ol></li></ol>
    </div>
  </div>

<h2><span id="toc1">ブログに収益があると確定申告が必要</span></h2>
<h3><span id="toc2">ブログが収益化してしまった経緯</span></h3>
<p>最近は、Google AdSenseに加えて、Amazon アソシエイトと、楽天アフィリエイトを取り入れて、ブログ運営を行なっています。</p>
<p>単純に、ブログ運営にはお金がかかるので、その分についてはちゃんと回収しようと思ったからです。</p>
<div class="speech-wrap sb-id-16 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ぶちくま圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>まぁ、あわよくば月1万円くらいのお小遣いが入ればいいかなぁ、なんて。</p>
</div>
</div>
<p>さて、ブログ開設から早16ヶ月が経過しようとしています。</p>
<p>投稿記事数は300くらいになりましたでしょうか。</p>
<p>仕事も子育てもあると、ネタには尽きない反面、記事を書く時間が取れずに、iPhoneメモアプリの「記事にしたいリスト」が溜まっていくばかりです。</p>
<p>このメモを見ながら、えいっ！と思い当たった記事を手当たり次第書いていくのが、ぶちくまの休日の過ごし方となっています。</p>
<h3><span id="toc3">経費を越えた収益が得られるようになった</span></h3>
<p>さて、年末にも一度ご報告したかと思いますが、なんとか、ぶちくまブログも８ヶ月目にしてようやく収益が出ました。</p>
<p>つまり、年間のサーバーレンタル代と、ドメイン料を収入が超えたということです。</p>
<p>これから先の４ヶ月が純益になるので、嬉しい限りですね。</p>
<h3><span id="toc4">収益発生と同時に確定申告の必要性も考慮</span></h3>
<p>そこで気になるのが、確定申告についてです。</p>
<p>今年は大丈夫と高を括ってはいるのですが、もし何かの記事がバズってしまうと（いらぬ心配）万が一にでも雑所得が20万円を超える可能性も、なきにしもあらず。</p>
<div class="speech-wrap sb-id-20 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ずーん圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>いや、ないか。</p>
</div>
</div>
<p>でも、確定申告の準備くらいはしておいたほうがいいかなぁ、ということで、今回の本題です。</p>
<h4>雑所得２０万円以上は確定申告が必要</h4>
<p>まず、簡単に振り分けますと、雑所得が２０万円以下であれば、確定申告は不要となります。</p>
<p>雑所得っていうのは、その名の通り、給与以外に入った収入全般のことを言います。</p>
<ul>
<li>アルバイト収入は給与</li>
<li>メルカリやフリマで得た収入は雑所得</li>
<li>不用品の売却は「生活用動産」なので不要</li>
</ul>
<h2><span id="toc5">確定申告のための準備は何したらいいの？</span></h2>
<p>いらぬ心配と思いつつも、気になったら調べずにはいられない。</p>
<p>そういうわけで、簡単に確定申告ができるソフトウェアが、ちゃんと開発されているのですね。</p>
<p>今やクラウドの時代。</p>
<p>FF７、大好きでした。</p>
<p><div class="product-item-box amazon-item-box no-icon product-item-error cf"><div><p class="amazon-search-message"><a rel="nofollow noopener" target="_blank" href="https://www.amazon.co.jp/exec/obidos/ASIN/B07DVL95M7/buchikuma4690-22/">Amazonで「PLAY ARTS改 FINAL FANTASY VII ADVENT CHILDREN クラウド・ストライフ&amp;amp;フェンリル PVC製 塗装済み可動フィギュア」に関する詳細を見る</a></p><div class="amazon-item-buttons product-item-buttons"><div class="shoplinkamazon"><a rel="nofollow noopener" target="_blank" href="https://www.amazon.co.jp/gp/search?keywords=PLAY+ARTS%E6%94%B9+FINAL+FANTASY+VII+ADVENT+CHILDREN+%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%83%BB%E3%82%B9%E3%83%88%E3%83%A9%E3%82%A4%E3%83%95%26amp%3Bamp%3B%E3%83%95%E3%82%A7%E3%83%B3%E3%83%AA%E3%83%AB+PVC%E8%A3%BD+%E5%A1%97%E8%A3%85%E6%B8%88%E3%81%BF%E5%8F%AF%E5%8B%95%E3%83%95%E3%82%A3%E3%82%AE%E3%83%A5%E3%82%A2&#038;tag=buchikuma4690-22">Amazon</a></div><div class="shoplinkrakuten"><a rel="nofollow noopener" target="_blank" href="https://hb.afl.rakuten.co.jp/hgc/15ed3676.673e8e27.15ed3677.2f1b5353/?pc=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2FPLAY+ARTS%E6%94%B9+FINAL+FANTASY+VII+ADVENT+CHILDREN+%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%83%BB%E3%82%B9%E3%83%88%E3%83%A9%E3%82%A4%E3%83%95%26amp%3Bamp%3B%E3%83%95%E3%82%A7%E3%83%B3%E3%83%AA%E3%83%AB+PVC%E8%A3%BD+%E5%A1%97%E8%A3%85%E6%B8%88%E3%81%BF%E5%8F%AF%E5%8B%95%E3%83%95%E3%82%A3%E3%82%AE%E3%83%A5%E3%82%A2%2F&#038;m=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2FPLAY+ARTS%E6%94%B9+FINAL+FANTASY+VII+ADVENT+CHILDREN+%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%83%BB%E3%82%B9%E3%83%88%E3%83%A9%E3%82%A4%E3%83%95%26amp%3Bamp%3B%E3%83%95%E3%82%A7%E3%83%B3%E3%83%AA%E3%83%AB+PVC%E8%A3%BD+%E5%A1%97%E8%A3%85%E6%B8%88%E3%81%BF%E5%8F%AF%E5%8B%95%E3%83%95%E3%82%A3%E3%82%AE%E3%83%A5%E3%82%A2%2F">楽天</a></div><div class="shoplinkyahoo"><a rel="nofollow noopener" target="_blank" href="https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3391244&#038;pid=888695443&#038;vc_url=http%3A%2F%2Fsearch.shopping.yahoo.co.jp%2Fsearch%3Fp%3DPLAY+ARTS%E6%94%B9+FINAL+FANTASY+VII+ADVENT+CHILDREN+%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%83%BB%E3%82%B9%E3%83%88%E3%83%A9%E3%82%A4%E3%83%95%26amp%3Bamp%3B%E3%83%95%E3%82%A7%E3%83%B3%E3%83%AA%E3%83%AB+PVC%E8%A3%BD+%E5%A1%97%E8%A3%85%E6%B8%88%E3%81%BF%E5%8F%AF%E5%8B%95%E3%83%95%E3%82%A3%E3%82%AE%E3%83%A5%E3%82%A2">Yahoo!ショッピング<img loading="lazy" decoding="async" src="https://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=3391244&pid=888695443" width="1" height="1" border="0"></a></div></div></div></div></p>
<p>簿記の資格なしでも帳簿が付けれるって本当なの？</p>
<h3><span id="toc6">青とか白とか、一体何の話？</span></h3>
<p>青色申告とか、白色申告とか言うじゃないですか。あれって一体何なんだ、と思っていたのです。</p>
<p>青色申告は、事前に税務署に申請しておくと所得からいくらか控除しますよ、と言うもの。</p>
<p>一方の白色は、普通に確定申告の時期にその場で出せるやつ、といったところでしょうか。</p>
<h3><span id="toc7">青色申告と白色申告の違い</span></h3>
<div class="scrollable-table stfc-sticky"><table cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top"></td>
<td valign="top"><span style="color: #000000; font-family: Hiragino Kaku Gothic ProN; font-size: small;"><b>青色申告</b></span></td>
<td valign="top"><span style="color: #000000; font-family: Hiragino Kaku Gothic ProN; font-size: small;"><b>白色申告</b></span></td>
</tr>
<tr>
<td valign="top"><span style="color: #000000; font-family: Hiragino Kaku Gothic ProN; font-size: small;"><b>帳簿</b></span></td>
<td valign="top"><span style="color: #000000; font-family: Hiragino Kaku Gothic ProN; font-size: small;">複式簿記（単式も可）</span></td>
<td valign="top"><span style="color: #000000; font-family: Hiragino Kaku Gothic ProN; font-size: small;">単式簿記</span></td>
</tr>
<tr>
<td valign="top"><span style="color: #000000; font-family: Hiragino Kaku Gothic ProN; font-size: small;"><b>事前届出</b></span></td>
<td valign="top"><span style="color: #000000; font-family: Hiragino Kaku Gothic ProN; font-size: small;">必要</span></td>
<td valign="top"><span style="color: #000000; font-family: Hiragino Kaku Gothic ProN; font-size: small;">不要</span></td>
</tr>
<tr>
<td valign="top"><span style="color: #000000; font-family: Hiragino Kaku Gothic ProN; font-size: small;"><b>作成書類</b></span></td>
<td valign="top"><span style="color: #000000; font-family: Hiragino Kaku Gothic ProN; font-size: small;">所得税青色申告決算書<br />
確定申告書B</span></td>
<td valign="top"><span style="color: #000000; font-family: Hiragino Kaku Gothic ProN; font-size: small;">収支内訳書<br />
確定申告書B</span></td>
</tr>
<tr>
<td valign="top"><span style="color: #000000; font-family: Hiragino Kaku Gothic ProN; font-size: small;"><b>税金控除額</b></span></td>
<td valign="top"><span style="color: #000000; font-family: Hiragino Kaku Gothic ProN; font-size: small;">最大６５万円</span></td>
<td valign="top"><span style="color: #000000; font-family: Hiragino Kaku Gothic ProN; font-size: small;">−</span></td>
</tr>
</tbody>
</table></div>
<p>&nbsp;</p>
<p>ざっくり言ってしまえば、簡単にできるのが<span class="bold">白色</span>、大変だけど税金控除が入るのが<span class="bold blue">青色</span>、ということになります。</p>
<p>今回は有名どころ３社を簡単に調べてみます。どれか一つをまずは採用してみようとは思う。</p>
<p>何事もまずは挑戦ですな。</p>
<h2><span id="toc8">弥生</span></h2>
<p>白色申告オンラインを利用することになります。青色が使いたくなったら、別に弥生本家のソフトを使いましょう、というものですね。</p>
<p>複式簿記の知識が必要とのこと。</p>
<p><p>【PR】</p>
<a rel="nofollow noopener" target="_blank" data-atag-id="22" data-post-id="930" href="//af.moshimo.com/af/c/click?a_id=1227559&p_id=914&pc_id=1138&pl_id=21346&guid=ON"><img loading="lazy" decoding="async" src="//image.moshimo.com/af-img/0275/000000021346.png" width="300" height="250" style="border:none;"></a><img loading="lazy" decoding="async" src="//i.moshimo.com/af/i/impression?a_id=1227559&p_id=914&pc_id=1138&pl_id=21346" width="1" height="1" style="border:none;"><br />
<span class="btn-wrap btn-wrap-blue"><a rel="nofollow noopener" target="_blank" data-atag-id="23" data-post-id="930" href="//af.moshimo.com/af/c/click?a_id=1227559&p_id=914&pc_id=1138&pl_id=21343&guid=ON">弥生のクラウド確定申告を試す</a><img loading="lazy" decoding="async" src="//i.moshimo.com/af/i/impression?a_id=1227559&p_id=914&pc_id=1138&pl_id=21343" width="1" height="1" style="border:none;"></span></p>
<h2><span id="toc9">freee</span></h2>
<p><p>【PR】</p>
<a rel="nofollow noopener" target="_blank" data-atag-id="24" data-post-id="930" href="//af.moshimo.com/af/c/click?a_id=1227558&p_id=898&pc_id=1106&pl_id=11642&guid=ON"><img loading="lazy" decoding="async" src="//image.moshimo.com/af-img/0262/000000011642.jpg" width="300" height="250" style="border:none;"></a><img loading="lazy" decoding="async" src="//i.moshimo.com/af/i/impression?a_id=1227558&p_id=898&pc_id=1106&pl_id=11642" width="1" height="1" style="border:none;"><br />
<span class="btn-wrap btn-wrap-blue"><a rel="nofollow noopener" target="_blank" data-atag-id="25" data-post-id="930" href="//af.moshimo.com/af/c/click?a_id=1227558&p_id=898&pc_id=1106&pl_id=17160&guid=ON">freeeで確定申告を試す</a><img loading="lazy" decoding="async" src="//i.moshimo.com/af/i/impression?a_id=1227558&p_id=898&pc_id=1106&pl_id=17160" width="1" height="1" style="border:none;"></span></p>
<p>Greeeen的なノリですね。</p>
<p>入力が簡単ということで、初心者でも利用しやすい。<br />
無料プランでは確定申告書類の作成まではできない。</p>
<h3><span id="toc10">freeeをお勧めしたいのはこんな方</span></h3>
<p>会計なんかやったことないけど、青色申告を目指している方はこちらがおすすめ。</p>
<p>いや、使ったことはないんだけどね。</p>
<h2><span id="toc11">MFクラウド</span></h2>
<p><p>【PR】</p>
<a rel="nofollow noopener" target="_blank" data-atag-id="20" data-post-id="930" href="//af.moshimo.com/af/c/click?a_id=1227560&p_id=888&pc_id=1087&pl_id=11368&guid=ON"><img loading="lazy" decoding="async" src="//image.moshimo.com/af-img/0253/000000011368.gif" width="300" height="250" style="border:none;"></a><img loading="lazy" decoding="async" src="//i.moshimo.com/af/i/impression?a_id=1227560&p_id=888&pc_id=1087&pl_id=11368" width="1" height="1" style="border:none;"><br />
<span class="btn-wrap btn-wrap-blue"><a rel="nofollow noopener" target="_blank" data-atag-id="21" data-post-id="930" href="//af.moshimo.com/af/c/click?a_id=1227560&p_id=888&pc_id=1087&pl_id=11753&guid=ON">MFクラウド確定申告を試してみる</a><img loading="lazy" decoding="async" src="//i.moshimo.com/af/i/impression?a_id=1227560&p_id=888&pc_id=1087&pl_id=11753" width="1" height="1" style="border:none;"></span></p>
<p>いくつかのサイトがオススメしている。MFって何だと思ったら、マネーフォワードのことらしい。</p>
<h3><span id="toc12">家計簿アプリの使い勝手が良いマネーフォワード</span></h3>
<p>マネーフォワードは、家計簿アプリを使用しているけど、家計簿の方はかなり使い勝手が良くて、<a rel="noopener" target="_blank" href="https://buchikuma.com/review/app/account-book-apri/">Zaimと併用していたのにいつの間にかマネーフォワードだけに</a>なってた。</p>

<a rel="noopener" target="_blank" href="https://buchikuma.com/review/app/account-book-apri/" title="家計簿アプリを2年間使用してZaimをやめた理由【マネーフォワードと比較】" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://buchikuma.xyz/wp-content/uploads/cocoon-resources/blog-card-cache/d21f1af3ac95b81eb41e99d201da86c7.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="107" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">家計簿アプリを2年間使用してZaimをやめた理由【マネーフォワードと比較】</div><div class="blogcard-snippet external-blogcard-snippet">zaimを利用してからマネーフォワードに移行して、それぞれの良かった点と「結局、マネフォを選んだ理由」について解説しています。一度利用し始めるとなかなか代えづらい家計簿アプリだからこそ選ぶ参考になれば。</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://buchikuma.com/account-book-apri/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">buchikuma.com</div></div></div></div></a>
<p>んで、こちらは白色も青色も、何と無料でいけちゃうという太っ腹クラウド型会計ソフトです。</p>
<p>マネーフォワードで社名は馴染みがあるし、これはなかなか好感触ですね。</p>
<p>銀行やクレジットカードから取引明細を自動で取得するというのはマネーフォワードの強み。freeeにも同じような機能はあるようです。</p>
<h2><span id="toc13">freeeとMFクラウドの２択</span></h2>
<p>そうなると、最初の一歩目としては、freeeとMFクラウドの二択になりそうですね。</p>
<ul>
<li>初心者向けで使い勝手の良いfreee</li>
<li>家計簿で馴染みのあるMFクラウド</li>
</ul>
<p>上記を踏まえてポイントをおさらいします。</p>
<h3><span id="toc14">freeeは</span></h3>
<div class="blank-box bb-tab bb-point bb-blue">
<ul>
<li>スタータープランで１年間9800円。</li>
<li>無料期間はサービス登録後１ヶ月の利用まで。印刷は不可。</li>
<li>ユーザー数40万。</li>
<li>自動明細取得できる金融機関は3630（2016年）</li>
<li>開業ソフトfreeeもあるので、開業まで見据えていれば。</li>
<li>インターフェイスは使いやすそう。みやすい。</li>
</ul>
</div>
<p><p>【PR】</p>
<a rel="nofollow noopener" target="_blank" data-atag-id="24" data-post-id="930" href="//af.moshimo.com/af/c/click?a_id=1227558&p_id=898&pc_id=1106&pl_id=11642&guid=ON"><img loading="lazy" decoding="async" src="//image.moshimo.com/af-img/0262/000000011642.jpg" width="300" height="250" style="border:none;"></a><img loading="lazy" decoding="async" src="//i.moshimo.com/af/i/impression?a_id=1227558&p_id=898&pc_id=1106&pl_id=11642" width="1" height="1" style="border:none;"><br />
<span class="btn-wrap btn-wrap-blue"><a rel="nofollow noopener" target="_blank" data-atag-id="25" data-post-id="930" href="//af.moshimo.com/af/c/click?a_id=1227558&p_id=898&pc_id=1106&pl_id=17160&guid=ON">freeeで確定申告を試す</a><img loading="lazy" decoding="async" src="//i.moshimo.com/af/i/impression?a_id=1227558&p_id=898&pc_id=1106&pl_id=17160" width="1" height="1" style="border:none;"></span></p>
<h3><span id="toc15">MFクラウド</span></h3>
<div class="blank-box bb-tab bb-point bb-blue">
<ul>
<li>フリープランでも仕分け件数１５件でやりくりできればしばらく使える。</li>
<li>とはいえ、いずれは有料プラン移行は確実か。</li>
<li>ベーシックプラン8800円。</li>
<li>マネーフォワードも「おまかせ会社設立」サービス開始</li>
<li>対応金融機関2000サイト（2015年）→2016年に3609社に？</li>
</ul>
</div>
<p><p>【PR】</p>
<a rel="nofollow noopener" target="_blank" data-atag-id="20" data-post-id="930" href="//af.moshimo.com/af/c/click?a_id=1227560&p_id=888&pc_id=1087&pl_id=11368&guid=ON"><img loading="lazy" decoding="async" src="//image.moshimo.com/af-img/0253/000000011368.gif" width="300" height="250" style="border:none;"></a><img loading="lazy" decoding="async" src="//i.moshimo.com/af/i/impression?a_id=1227560&p_id=888&pc_id=1087&pl_id=11368" width="1" height="1" style="border:none;"><br />
<span class="btn-wrap btn-wrap-blue"><a rel="nofollow noopener" target="_blank" data-atag-id="21" data-post-id="930" href="//af.moshimo.com/af/c/click?a_id=1227560&p_id=888&pc_id=1087&pl_id=11753&guid=ON">MFクラウド確定申告を試してみる</a><img loading="lazy" decoding="async" src="//i.moshimo.com/af/i/impression?a_id=1227560&p_id=888&pc_id=1087&pl_id=11753" width="1" height="1" style="border:none;"></span></p>
<p>&nbsp;</p>
<p>ポイントを踏まえますと、freeeでもMFクラウドでも、どちらも満足して使え、かつそのまま青色申告やフリーランスに移行していくことを想定しても、末永いお付き合いができそうです。</p>
<h2><span id="toc16">素人ブログの確定申告のための収益計算はMFクラウドで</span></h2>
<p>とはいえ、ぶちくまは現在のところ副業的ですらないくらいの、本当に趣味の範囲内で収入を得てしまっているだけなので、収入と、一部の経費だけを計上できれば十分かな、というくらいなもんです。</p>
<div class="speech-wrap sb-id-16 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ぶちくま圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>毎月１５件の仕分けもしないのではないでしょうか。</p>
</div>
</div>
<p>それならしばらくフリープランで様子を見ていくのもいいかなと思います。</p>
<h3><span id="toc17">MFクラウドはこんな方にお勧め</span></h3>
<p>もしも、ブログを始めて収入が気になり始めたくらいの方であれば、同じようにMFクラウドの利用をおすすめします。</p>
<h3><span id="toc18">実際に使用してみて</span></h3>
<p>とりあえず、MFクラウドを使い始めてみました。</p>
<p>マネーフォワードをすでに利用しているので、自動連携などは同じような操作でガツガツ連携できます。</p>
<p>一応、ブログ用の口座とクレジットも作ってはみたのですがどこまで仕分けが必要となるのかがわからず、まずは手当たり次第連携してみてます。</p>
<p>やはり、提携先が多いので、クレジットもほとんど登録できましたし、経費で落とせるようなブログ用のアイテムなんかは、だいたいAmazonか楽天市場で購入するので、ほぼほぼ自動仕訳のピックアップがもれなくされるので便利ですね。</p>
<h3><span id="toc19">ほぼレシートはないけど大丈夫みたいだ</span></h3>
<p>今年は確定申告が必要な雑所得20万円は越えないので大丈夫だと高を括っていますが。</p>
<p>今年の伝票、レシートがすでに保存されていないものが多いですね。</p>
<div class="speech-wrap sb-id-20 sbs-stn sbp-r sbis-sb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://buchikuma.xyz/wp-content/uploads/2018/07/ずーん圧縮.jpg" alt="ぶちくま" /></figure>
<div class="speech-name">ぶちくま</div>
</div>
<div class="speech-balloon">
<p>どうしたらいいんでしょうか。</p>
</div>
</div>
<p>ぶちくまは9割クレジットカード利用なので、こちらである程度の購入したもの、場所（サイト）、日付が自動的に、口座から引き落とされたり、利用明細書に記載されます。</p>
<p>このようなものが領収書の代用になるようです。今後は電子系の明細書に関してもプリントアウトして保存しておいたほうが良さそうですね。</p>
<p>&nbsp;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://buchikuma.xyz/kakuteishinkoku-soft/feed/</wfw:commentRss>
			<slash:comments>41</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">930</post-id>	</item>
	</channel>
</rss>
