<?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>cocoon | だらマネ</title>
	<atom:link href="https://daracco.com/tag/cocoon/feed/" rel="self" type="application/rss+xml" />
	<link>https://daracco.com</link>
	<description></description>
	<lastBuildDate>Sun, 25 Jun 2023 13:33:56 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.4.8</generator>

<image>
	<url>https://daracco.com/wp-content/uploads/2020/06/cropped-アンテナ-32x32.jpg</url>
	<title>cocoon | だらマネ</title>
	<link>https://daracco.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【cocoon】プロフィール欄にリンクを挿入する方法とは？</title>
		<link>https://daracco.com/profile-link/</link>
					<comments>https://daracco.com/profile-link/#respond</comments>
		
		<dc:creator><![CDATA[だらっこ]]></dc:creator>
		<pubDate>Tue, 30 Aug 2022 13:49:45 +0000</pubDate>
				<category><![CDATA[アフィリエイト]]></category>
		<category><![CDATA[cocoon]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[ブログ]]></category>
		<guid isPermaLink="false">https://daracco.com/?p=3775</guid>

					<description><![CDATA[アフィリエイトにおいてプロフィールページは投稿の信頼性向上、リピーター獲得のために大切！と聞いて、作り込んでみたけど全然閲覧されない・・・そんな人はいませんか？そんな悩みがある方は、サイドバーまたは記事中にプロフィール欄 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="">アフィリエイトにおいてプロフィールページは投稿の信頼性向上、リピーター獲得のために大切！<br>と聞いて、作り込んでみたけど全然閲覧されない・・・そんな人はいませんか？<br>そんな悩みがある方は、サイドバーまたは記事中にプロフィール欄を設置し、そこにリンクを掲載することで閲覧数が増える可能性があります。<br>そんなプロフィール欄へのリンク掲載について人気のテーマcocoon（コクーン）での設定方法を紹介します！</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">プロフィール欄へのリンク掲載方法は？</h2>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full is-resized"><img decoding="async" src="https://daracco.com/wp-content/uploads/2022/04/How_やり方.jpg" alt="" class="wp-image-3451" width="596" srcset="https://daracco.com/wp-content/uploads/2022/04/How_やり方.jpg 640w, https://daracco.com/wp-content/uploads/2022/04/How_やり方-500x305.jpg 500w, https://daracco.com/wp-content/uploads/2022/04/How_やり方-300x183.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></figure>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="">プロフィール欄へのリンクの掲載方法は非常に簡単で、HTMLコードを挿入することで設定することができます。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="">始めにワードプレスのダッシュボードから「ユーザー→プロフィール」を選択し、プロフィール入力欄を開きます。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-large is-resized"><img fetchpriority="high" decoding="async" src="https://daracco.com/wp-content/uploads/2022/08/プロフィール欄_リンク_1-800x188.png" alt="" class="wp-image-3778" width="536" height="126" srcset="https://daracco.com/wp-content/uploads/2022/08/プロフィール欄_リンク_1-800x188.png 800w, https://daracco.com/wp-content/uploads/2022/08/プロフィール欄_リンク_1-500x117.png 500w, https://daracco.com/wp-content/uploads/2022/08/プロフィール欄_リンク_1-300x70.png 300w, https://daracco.com/wp-content/uploads/2022/08/プロフィール欄_リンク_1-768x180.png 768w, https://daracco.com/wp-content/uploads/2022/08/プロフィール欄_リンク_1.png 1267w" sizes="(max-width: 536px) 100vw, 536px" /></figure>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="">中段に「プロフィール情報」があるため、プロフィールを表示したい場合はここに文章を入力していきますが、リンクを挿入したい場合は、次のHTMLコードを記入していきます。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-large is-resized"><img decoding="async" src="https://daracco.com/wp-content/uploads/2022/08/プロフィール欄_リンク_3-800x160.png" alt="" class="wp-image-3783" width="725" height="145" srcset="https://daracco.com/wp-content/uploads/2022/08/プロフィール欄_リンク_3-800x160.png 800w, https://daracco.com/wp-content/uploads/2022/08/プロフィール欄_リンク_3-500x100.png 500w, https://daracco.com/wp-content/uploads/2022/08/プロフィール欄_リンク_3-300x60.png 300w, https://daracco.com/wp-content/uploads/2022/08/プロフィール欄_リンク_3-768x153.png 768w, https://daracco.com/wp-content/uploads/2022/08/プロフィール欄_リンク_3.png 1282w" sizes="(max-width: 725px) 100vw, 725px" /></figure>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-key-color-border-color">
<p class="">↓プロフィール欄にリンクを挿入するHTMLコード<br>&lt;a href=&#8221;リンク先のページURL&#8221;>表示させたい文字列&lt;/a></p>
</div>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="">私の場合は、「https://daracco.com/profile」をプロフィールページにしているため、<br>&lt;a href=&#8221;<span class="bold-green">https://daracco.com/profile</span>&#8220;> <span class="bold-blue">＞＞＞詳しくはこちら</span> &lt;/a>と入力します。<br>すると仕上がりが次のようになります。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full is-resized"><img decoding="async" src="https://daracco.com/wp-content/uploads/2022/08/プロフィール欄_リンク_4-e1661697481992.png" alt="" class="wp-image-3785" width="290" height="396" srcset="https://daracco.com/wp-content/uploads/2022/08/プロフィール欄_リンク_4-e1661697481992.png 435w, https://daracco.com/wp-content/uploads/2022/08/プロフィール欄_リンク_4-e1661697481992-300x410.png 300w" sizes="(max-width: 290px) 100vw, 290px" /></figure>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="">どうですか？簡単ですよね？<br>少しHTMLコードを挿入するだけで簡単にプロフィールページへの導線を引けるため設定してない人はぜひ活用したいテクニックですね。<br>リンク設定はプラグインを利用する方法もあったりしますが、プラグインはページエラーの原因になる可能性もあるため、個人的にはHTMLコードでささっと挿入した方が楽だと思います。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">まとめ</h2>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-large is-resized"><img decoding="async" src="https://daracco.com/wp-content/uploads/2022/02/まとめ-1-1024x571.jpg" alt="" class="wp-image-3245" width="596" srcset="https://daracco.com/wp-content/uploads/2022/02/まとめ-1-1024x571.jpg 1024w, https://daracco.com/wp-content/uploads/2022/02/まとめ-1-300x167.jpg 300w, https://daracco.com/wp-content/uploads/2022/02/まとめ-1-150x84.jpg 150w, https://daracco.com/wp-content/uploads/2022/02/まとめ-1-768x429.jpg 768w, https://daracco.com/wp-content/uploads/2022/02/まとめ-1-1536x857.jpg 1536w, https://daracco.com/wp-content/uploads/2022/02/まとめ-1-120x68.jpg 120w, https://daracco.com/wp-content/uploads/2022/02/まとめ-1-160x90.jpg 160w, https://daracco.com/wp-content/uploads/2022/02/まとめ-1-374x210.jpg 374w, https://daracco.com/wp-content/uploads/2022/02/まとめ-1.jpg 1919w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="">サイドバーや本文中のプロフィール欄にリンクを挿入したい場合の方法について紹介しました。<br>人気のテーマであるcocoon（コクーン）では、挿入機能がないため、できないの？と思いがちですが、HTMLコードを入力することで簡単に設定することができます。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="">そのHTMLコードは次の通りです。<br>文章入力と同様に入力するだけでリンクが挿入できるためぜひ活用してみてください！<br></p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-key-color-border-color">
<p class="">↓プロフィール欄にリンクを挿入するHTMLコード<br>&lt;a href=&#8221;リンク先のページURL”&#8221;>表示させたい文字列&lt;/a></p>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://daracco.com/profile-link/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【cocoon】クリック率が上がるボタン型アフィリエイトリンクの貼り方！</title>
		<link>https://daracco.com/button-affilink/</link>
					<comments>https://daracco.com/button-affilink/#respond</comments>
		
		<dc:creator><![CDATA[だらっこ]]></dc:creator>
		<pubDate>Sat, 09 Apr 2022 17:59:48 +0000</pubDate>
				<category><![CDATA[アフィリエイト]]></category>
		<category><![CDATA[cocoon]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[ブログ]]></category>
		<guid isPermaLink="false">https://daracco.com/?p=3382</guid>

					<description><![CDATA[アフィリエイトリンクはどのように設定していますか？テキスト広告や画像広告など様々なリンク形式がありますが、そのリンクをボタンに変えてみるとクリック率が急上昇した！なんてこともあります。今回はブログテーマであるcocoon [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>アフィリエイトリンクはどのように設定していますか？<br>テキスト広告や画像広告など様々なリンク形式がありますが、そのリンクをボタンに変えてみるとクリック率が急上昇した！なんてこともあります。<br>今回はブログテーマであるcocoonについてアフィリエイトリンクをボタン化する方法を紹介します！</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">アフィリエイトリンクのボタン化でクリック率が上がる？</h2>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://daracco.com/wp-content/uploads/2021/04/アフィリエイト-1024x662.jpg" alt="" class="wp-image-2255" width="617" height="399" srcset="https://daracco.com/wp-content/uploads/2021/04/アフィリエイト-1024x662.jpg 1024w, https://daracco.com/wp-content/uploads/2021/04/アフィリエイト-300x194.jpg 300w, https://daracco.com/wp-content/uploads/2021/04/アフィリエイト-150x97.jpg 150w, https://daracco.com/wp-content/uploads/2021/04/アフィリエイト-768x497.jpg 768w, https://daracco.com/wp-content/uploads/2021/04/アフィリエイト-1536x994.jpg 1536w, https://daracco.com/wp-content/uploads/2021/04/アフィリエイト.jpg 1920w" sizes="(max-width: 617px) 100vw, 617px" /></figure></div>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>新しくブログを始めてアフィリエイトに挑戦してみた！という方<br>アフィリエイトリンクはどんな形式で掲載していますか？<br>アフィリエイトリンクにはテキストリンク、画像リンクなど様々な形式がありますが、表示をひと工夫するだけでクリック率を大幅アップすることができます。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>クリック率をアップさせる方法として特に簡単にできちゃうのが<span class="bold-red">リンクをボタン化する</span>という方法です。<br>みなさんは以下のようなリンクを見たことはないですか？<br>これがボタン化されたアフィリエイトリンクであり、ボタン化することで記事中になじみ、リンクへと誘導されやすい形にすることができます。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-button-wrap-1 aligncenter btn-wrap btn-wrap-block button-block btn-wrap-m btn-wrap-shine has-background has-key-color-background-color"><a rel="nofollow" href="//af.moshimo.com/af/c/click?a_id=2569815&#038;p_id=1&#038;pc_id=1&#038;pl_id=1318&#038;guid=ON" referrerpolicy="no-referrer-when-downgrade">もしもアフィリエイトの公式ぺーじはここから！</a><img loading="lazy" decoding="async" src="//i.moshimo.com/af/i/impression?a_id=2569815&#038;p_id=1&#038;pc_id=1&#038;pl_id=1318" width="1" height="1" style="border:none;"></div>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">cocoonでアフィリエイトリンクボタン化のやり方は？</h2>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="640" height="390" src="https://daracco.com/wp-content/uploads/2022/04/How_やり方.jpg" alt="" class="wp-image-3451" srcset="https://daracco.com/wp-content/uploads/2022/04/How_やり方.jpg 640w, https://daracco.com/wp-content/uploads/2022/04/How_やり方-500x305.jpg 500w, https://daracco.com/wp-content/uploads/2022/04/How_やり方-300x183.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></figure></div>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>クリック率をグッと上げることができるアフィリエイトリンクのボタン化ですが、ワードプレスのテーマ「cocoon」であれば簡単に設定することができます。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Gutenberg（グーテンベルク）の場合だと、ブロックの【＋】をクリックし、表示されたウィンドウから「すべて表示」を選択します。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-image"><figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://daracco.com/wp-content/uploads/2022/04/ボタン化_1.png" alt="【cocoon】クリック率が上がるボタン型アフィリエイトリンクの貼り方！" class="wp-image-3438" width="724" height="354" srcset="https://daracco.com/wp-content/uploads/2022/04/ボタン化_1.png 1559w, https://daracco.com/wp-content/uploads/2022/04/ボタン化_1-768x377.png 768w, https://daracco.com/wp-content/uploads/2022/04/ボタン化_1-1536x754.png 1536w" sizes="(max-width: 724px) 100vw, 724px" /></figure></div>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>次にCOCOONブロックの中から「囲みボタン」を選択します。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-image"><figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://daracco.com/wp-content/uploads/2022/04/ボタン化_2.png" alt="【cocoon】クリック率が上がるボタン型アフィリエイトリンクの貼り方！" class="wp-image-3439" width="722" height="353" srcset="https://daracco.com/wp-content/uploads/2022/04/ボタン化_2.png 1561w, https://daracco.com/wp-content/uploads/2022/04/ボタン化_2-768x376.png 768w, https://daracco.com/wp-content/uploads/2022/04/ボタン化_2-1536x753.png 1536w" sizes="(max-width: 722px) 100vw, 722px" /></figure></div>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>右枠に表示される囲みボタン設定のリンクタグ欄に掲載したい広告のリンクコードを貼り付けるだけでボタン型アフィリエイトリンクを設置することができます。<br>どうですか？簡単ですよね？無料でここまでできるcocoonありがたい！</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-image"><figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://daracco.com/wp-content/uploads/2022/04/画像_3.png" alt="【cocoon】クリック率が上がるボタン型アフィリエイトリンクの貼り方！" class="wp-image-3441" width="730" height="357" srcset="https://daracco.com/wp-content/uploads/2022/04/画像_3.png 1558w, https://daracco.com/wp-content/uploads/2022/04/画像_3-768x377.png 768w, https://daracco.com/wp-content/uploads/2022/04/画像_3-1536x753.png 1536w" sizes="(max-width: 730px) 100vw, 730px" /></figure></div>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>ちなみに囲みボタン設定では、ボタンのサイズや形、色を変更することができます。<br>その他、光らせたりなんてこともクリック一つでできるため、サイトのイメージに合わせてなじませたり、目立たせたりと思い通りにアレンジすることができます。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-image"><figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://daracco.com/wp-content/uploads/2022/04/ボタン化_4.png" alt="【cocoon】クリック率が上がるボタン型アフィリエイトリンクの貼り方！" class="wp-image-3440" width="713" height="341" srcset="https://daracco.com/wp-content/uploads/2022/04/ボタン化_4.png 1559w, https://daracco.com/wp-content/uploads/2022/04/ボタン化_4-768x368.png 768w, https://daracco.com/wp-content/uploads/2022/04/ボタン化_4-1536x736.png 1536w" sizes="(max-width: 713px) 100vw, 713px" /></figure></div>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">やったらダメ！？ボタン化する時の注意点！</h2>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://daracco.com/wp-content/uploads/2022/04/NG-800x453.jpg" alt="" class="wp-image-3450" width="659" height="373" srcset="https://daracco.com/wp-content/uploads/2022/04/NG-800x453.jpg 800w, https://daracco.com/wp-content/uploads/2022/04/NG-500x283.jpg 500w, https://daracco.com/wp-content/uploads/2022/04/NG-300x170.jpg 300w, https://daracco.com/wp-content/uploads/2022/04/NG-768x435.jpg 768w, https://daracco.com/wp-content/uploads/2022/04/NG-1536x870.jpg 1536w, https://daracco.com/wp-content/uploads/2022/04/NG-120x68.jpg 120w, https://daracco.com/wp-content/uploads/2022/04/NG-160x90.jpg 160w, https://daracco.com/wp-content/uploads/2022/04/NG-320x180.jpg 320w, https://daracco.com/wp-content/uploads/2022/04/NG.jpg 1920w" sizes="(max-width: 659px) 100vw, 659px" /></figure></div>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>無料テーマのcocoonでは簡単にアフィリエイトリンクをボタン化できることが分かりましたが、<span class="bold-red">ボタン化する際には、リンクコードの改変に注意しましょう！</span></p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>囲みボタン機能を用いてアフィリエイトリンクをボタン化した場合、ボタンにはリンクコードに組み込まれているテキストが表示されます。<br>そのため、ASPからリンクコードを取得する際に、気に入るテキストがなかったから<span class="bold-red">コード内のテキストを勝手に変える、というのはNG行為に該当します。</span><br>「うーん、ボタン表示したいテキストがないな・・・しょうがないからテキストをいじって貼っちゃお！」は規約違反のため、せっかく申し込みがあっても否認となったり、最悪、提携やASP自体を解除となることもあるため、ボタン化する際には気を付けるようにしましょう！</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>とはいってもボタン化した際、表示されるテキストはクリック率に大きな影響を及ぼします。<br>そのため、できればクリックされやすいテキストに変更したいところですが、そのような場合にはテキスト改変が可能なASPを利用するようにしましょう！<br>以下のASPには自由テキストというものがあり、そのリンクコードに関して自由にテキストを設定することができます。これであれば個別に許可を取る必要がないため、気軽に好きな形で掲載することができますよ！</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://daracco.com/wp-content/uploads/2021/04/A8.net_-1024x543.jpg" alt="" class="wp-image-2240" width="655" height="347" srcset="https://daracco.com/wp-content/uploads/2021/04/A8.net_-1024x543.jpg 1024w, https://daracco.com/wp-content/uploads/2021/04/A8.net_-300x159.jpg 300w, https://daracco.com/wp-content/uploads/2021/04/A8.net_-150x80.jpg 150w, https://daracco.com/wp-content/uploads/2021/04/A8.net_-768x407.jpg 768w, https://daracco.com/wp-content/uploads/2021/04/A8.net_.jpg 1035w" sizes="(max-width: 655px) 100vw, 655px" /></figure></div>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-button-wrap-1 aligncenter btn-wrap btn-wrap-block button-block btn-wrap-m has-background has-green-background-color"><a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=3B5HGC+CWZK8I+0K+ZSSLU">A8.netの公式ページ</a>
<img loading="lazy" decoding="async" border="0" width="1" height="1" src="https://www17.a8.net/0.gif?a8mat=3B5HGC+CWZK8I+0K+ZSSLU" alt=""></div>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://daracco.com/wp-content/uploads/2021/04/もしもアフィリエイト-1024x464.jpg" alt="" class="wp-image-2243" width="787" height="356" srcset="https://daracco.com/wp-content/uploads/2021/04/もしもアフィリエイト-1024x464.jpg 1024w, https://daracco.com/wp-content/uploads/2021/04/もしもアフィリエイト-300x136.jpg 300w, https://daracco.com/wp-content/uploads/2021/04/もしもアフィリエイト-150x68.jpg 150w, https://daracco.com/wp-content/uploads/2021/04/もしもアフィリエイト-768x348.jpg 768w, https://daracco.com/wp-content/uploads/2021/04/もしもアフィリエイト.jpg 1264w" sizes="(max-width: 787px) 100vw, 787px" /></figure></div>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-button-wrap-1 aligncenter btn-wrap btn-wrap-block button-block btn-wrap-m has-background has-green-background-color"><a rel="nofollow" href="//af.moshimo.com/af/c/click?a_id=2569815&#038;p_id=1&#038;pc_id=1&#038;pl_id=19210&#038;url=https%3A%2F%2Faf.moshimo.com%2Faf%2Fwww%2Fmerchant%3Futm_source%3Dmoshimo%26utm_medium%3Daffiliate%26utm_campaign%3Dregister_maf_mc" referrerpolicy="no-referrer-when-downgrade">もしもアフィリエイト 公式ページへ</a><img loading="lazy" decoding="async" src="//i.moshimo.com/af/i/impression?a_id=2569815&#038;p_id=1&#038;pc_id=1&#038;pl_id=19210" width="1" height="1" style="border:none;"></div>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">まとめ</h2>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://daracco.com/wp-content/uploads/2022/02/まとめ-1-1024x571.jpg" alt="" class="wp-image-3245" width="682" height="380" srcset="https://daracco.com/wp-content/uploads/2022/02/まとめ-1-1024x571.jpg 1024w, https://daracco.com/wp-content/uploads/2022/02/まとめ-1-300x167.jpg 300w, https://daracco.com/wp-content/uploads/2022/02/まとめ-1-150x84.jpg 150w, https://daracco.com/wp-content/uploads/2022/02/まとめ-1-768x429.jpg 768w, https://daracco.com/wp-content/uploads/2022/02/まとめ-1-1536x857.jpg 1536w, https://daracco.com/wp-content/uploads/2022/02/まとめ-1-120x68.jpg 120w, https://daracco.com/wp-content/uploads/2022/02/まとめ-1-160x90.jpg 160w, https://daracco.com/wp-content/uploads/2022/02/まとめ-1.jpg 1919w" sizes="(max-width: 682px) 100vw, 682px" /></figure></div>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p><br>今回はアフィリエイトリンクのクリック率を簡単に上げる裏技、アフィリエイトリンクのボタン化について紹介しました。<br>アフィリエイトリンクのボタン化は無料テーマcocoonなら基本機能で設定することができ、簡単にリンクを強調、おしゃれにできることが分かりました。<br>ただし、ボタン化する際にはリンクコードの改変に注意が必要であり、違反してしまうと成果の否認や提携解除になってしまう恐れがあります。<br>そのため、ボタン化する時はリンクの貼り方に注意し、ルール内で有効活用するようにしましょう！<br></p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p><br></p>
]]></content:encoded>
					
					<wfw:commentRss>https://daracco.com/button-affilink/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【cocoon】記事内の該当箇所にジャンプ！アンカーリンクの設定方法</title>
		<link>https://daracco.com/ankerlink/</link>
					<comments>https://daracco.com/ankerlink/#respond</comments>
		
		<dc:creator><![CDATA[だらっこ]]></dc:creator>
		<pubDate>Mon, 25 Jan 2021 11:53:58 +0000</pubDate>
				<category><![CDATA[アフィリエイト]]></category>
		<category><![CDATA[cocoon]]></category>
		<category><![CDATA[ブログ]]></category>
		<guid isPermaLink="false">https://daracco.com/?p=1541</guid>

					<description><![CDATA[　　 Webサイトを閲覧していると，クリックするとページ内の該当箇所に移動するリンクを見かけます。 これはアンカーリンクと呼ばれる機能で，活用することでユーザーが読みたい部分を瞬時に表示でき，検索性向上に繋がります。 比 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>　　</p>



<p>Webサイトを閲覧していると，クリックするとページ内の該当箇所に移動するリンクを見かけます。</p>



<p>これはアンカーリンクと呼ばれる機能で，活用することでユーザーが読みたい部分を瞬時に表示でき，検索性向上に繋がります。</p>



<p>比較的簡単に設定ができるため，うまく活用し，ユーザーが読みやすいブログへとしていきましょう！</p>



<p>　</p>



<h2 class="wp-block-heading">アンカーリンクとは？</h2>



<p>　</p>



<p>アンカーリンク（HTMLアンカーリンク）とは，<span class="bold-red">同ページ内で特定の部分に移動するためのリンク</span>のことを指します。<br>リンクをクリックすると指定した箇所に移動するため，長文記事の中で読みたい箇所を瞬時に表示することができ，ページ内の検索性を高めることができます。</p>



<p>　</p>



<p>例えば，あるワードについて先に概要を説明し，後半に詳細を記載したとします。<br>アンカーリンクの設定がない場合は，ユーザーはその部分を読むためにはスクロールで記載部分を探す必要があり，検索に手間が生じてしまいます。</p>



<p>　</p>



<p>しかし，アンカーリンクを設定しておくと一瞬で記載部分まで移動できるため，探す手間を軽減し，<span class="bold-red">ユーザーに親切な記事</span>とすることができます。</p>



<p>　</p>



<p>本記事の場合，後半部分にアンカーリンク設定の注意点を記載しています。<br>【<a href="#a1">こちらのリンク</a>】をクリックすることで注意点まで瞬時に飛べるように設定しています。</p>



<p>　</p>



<h2 class="wp-block-heading">アンカーリンクの設定方法</h2>



<p>　</p>



<p>アンカーリンクはプラグインを使わずとも，簡単に設定することが可能です。</p>



<p>　</p>



<h3 class="wp-block-heading">1.　リンクを設定する</h3>



<p>　</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="476" src="https://daracco.com/wp-content/uploads/2021/01/アンカーリンク設定方法1-1024x476.png" alt="" class="wp-image-1736" srcset="https://daracco.com/wp-content/uploads/2021/01/アンカーリンク設定方法1-1024x476.png 1024w, https://daracco.com/wp-content/uploads/2021/01/アンカーリンク設定方法1-300x139.png 300w, https://daracco.com/wp-content/uploads/2021/01/アンカーリンク設定方法1-150x70.png 150w, https://daracco.com/wp-content/uploads/2021/01/アンカーリンク設定方法1-768x357.png 768w, https://daracco.com/wp-content/uploads/2021/01/アンカーリンク設定方法1.png 1095w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>



<p>　</p>



<p>始めにアンカーリンクを設定したい場所にリンクの挿入を行います。</p>



<p>リンクを設定したい場所を選択し，リンクの挿入をクリックします。<br>表示されるURL入力欄に<span class="bold-red">「 #〇〇 」( 〇〇は任意の文字）</span>を入力していきます。今回は例として，「 #a1 」と入力します。</p>



<p>　</p>



<h3 class="wp-block-heading">2.　移動先を指定する</h3>



<p>　</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="478" src="https://daracco.com/wp-content/uploads/2021/01/アンカーリンク設定方法2-1024x478.png" alt="" class="wp-image-1737" srcset="https://daracco.com/wp-content/uploads/2021/01/アンカーリンク設定方法2-1024x478.png 1024w, https://daracco.com/wp-content/uploads/2021/01/アンカーリンク設定方法2-300x140.png 300w, https://daracco.com/wp-content/uploads/2021/01/アンカーリンク設定方法2-150x70.png 150w, https://daracco.com/wp-content/uploads/2021/01/アンカーリンク設定方法2-768x358.png 768w, https://daracco.com/wp-content/uploads/2021/01/アンカーリンク設定方法2.png 1095w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>



<p>　</p>



<p>リンクを設定したら，続いて，移動先を指定していきます。</p>



<p>編集画面右上の設定ボタンをクリックし，設定タブから「高度な設定」を開きます。</p>



<p>　</p>



<p>移動先とするブロックを選択した状態で，設定タブの<span class="bold-red">HTMLアンカーの部分にリンク元のURLと同じ文字を入力</span>します。<br>HTMLアンカーに「 〇〇 」( #を除いたリンク元URLに入力したものと同一の文字）を入力，今回は「 a1 」ということになります。</p>



<p>　</p>



<p>すると無事にアンカーリンクが設定され，設定された部分に移動することが可能となります。</p>



<p>　</p>



<h2 class="wp-block-heading" id="a1">設定時の注意点</h2>



<p>　</p>



<p>アンカーリンク設定にはいくつか注意点があります。<br>URLに任意の文字を入力する際，文字列のルールを誤ると正しくリンク先に移動しません。<br>必ず公開前にきちんと移動できるか，確認してから投稿するようにしましょう。</p>



<p>　</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box has-border-color has-green-border-color">
<p>アンカーリンク設定「文字列」のルール<br>・アンカーリンクに入力する任意の文字はページ内で重複がないようにする<br>・任意の文字の大文字，小文字は区別される<br>・任意の文字に「スペース」は利用できない<br>・任意の文字はアルファベットから始める必要がある</p>
</div>



<p>　</p>



<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://daracco.com/ankerlink/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【Cocoon】Googleアドセンス 広告が表示されないときの対処法</title>
		<link>https://daracco.com/ad-hyouji/</link>
					<comments>https://daracco.com/ad-hyouji/#respond</comments>
		
		<dc:creator><![CDATA[だらっこ]]></dc:creator>
		<pubDate>Wed, 28 Oct 2020 12:16:59 +0000</pubDate>
				<category><![CDATA[アフィリエイト]]></category>
		<category><![CDATA[cocoon]]></category>
		<category><![CDATA[googleアドセンス]]></category>
		<guid isPermaLink="false">https://daracco.com/?p=1119</guid>

					<description><![CDATA[広告収入のうち，掲載された広告がクリックされることで収入が得られるクリック型広告。そのなかで人気のGoogleアドセンスですが本ブログも運用を始めることができました。 やり方を調べていざ設置！をしてみたもののうまく表示さ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>広告収入のうち，掲載された広告がクリックされることで収入が得られるクリック型広告。そのなかで人気のGoogleアドセンスですが本ブログも運用を始めることができました。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>やり方を調べていざ設置！をしてみたもののうまく表示されない症状が生じてしまい，その対処に苦労しました。今回はその対処法について自身の備忘録として，また，同じ悩みを持つ人への手助けになればと紹介します。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">広告が表示されない症状</h2>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>「Googleアドセンス　広告　表示されない」で検索するとやはり色んな方が苦労しており，様々な対処法が記載されていました。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>設定から48時間経っていないからとか，プラグインが干渉しているからとか…<br>ただ，私の場合は少し症状が異なっており，イマイチ対処法としては有効ではなさそうでした。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>その異なる症状というのが，記載されていた症状のほとんどは全ての広告枠で表示されないのに対して，私の場合，Googleアドセンス広告のうち，<span class="bold-red">一部の広告枠のみ表示されない</span>というものでした。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://daracco.com/wp-content/uploads/2020/10/広告表示.jpg" alt="【Cocoon】Googleアドセンス 広告が表示されないときの対処法" class="wp-image-1121" width="422" height="536" srcset="https://daracco.com/wp-content/uploads/2020/10/広告表示.jpg 393w, https://daracco.com/wp-content/uploads/2020/10/広告表示-236x300.jpg 236w, https://daracco.com/wp-content/uploads/2020/10/広告表示-118x150.jpg 118w" sizes="(max-width: 422px) 100vw, 422px" /></figure></div>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>このようにある部分では表示されているのに対し，ある部分ではスポンサーリンクという表記のみで肝心な広告が表示されないという症状です。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>読み込みをしなおすとごく稀に表示される時があってもほとんどが空白になってしまいました。これではページを開いてもらっても収益という面では台無しですので，改善のために調べました。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">やったこと①　ページを軽量化する</h2>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>調べるなかでまず気になったのがページが重たく表示されていないという説です。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>確かにページが重いと一部だけ表示されないということも起こり得ると感じ，ページの表示速度について確認してみました。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>ページの速度は「<a rel="noopener" href="https://developers.google.com/speed/pagespeed/insights/" target="_blank">PageSpeed Insights</a>」というGoogleが提供するページで簡単に確認することができます。ページにアクセスし，分析したいページのURLを入力します。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>すると…</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://daracco.com/wp-content/uploads/2020/10/ページ表示速度-1024x407.jpg" alt="【Cocoon】Googleアドセンス 広告が表示されないときの対処法" class="wp-image-1123" width="718" height="284" srcset="https://daracco.com/wp-content/uploads/2020/10/ページ表示速度-1024x407.jpg 1024w, https://daracco.com/wp-content/uploads/2020/10/ページ表示速度-300x119.jpg 300w, https://daracco.com/wp-content/uploads/2020/10/ページ表示速度-150x60.jpg 150w, https://daracco.com/wp-content/uploads/2020/10/ページ表示速度-768x305.jpg 768w, https://daracco.com/wp-content/uploads/2020/10/ページ表示速度.jpg 1344w" sizes="(max-width: 718px) 100vw, 718px" /></figure></div>



<p>　</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>このようにページの表示速度がスコアとして採点されます。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>スコアが49以下で赤色になっていますが，表示がされなくなるまで低くはないような…<br>しかし，低いことは間違いないので改善していくことにしました。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>私はWordPressのテーマとして「Cocoon」を使用していますがCocoonにはページの表示速度を改善する方法が公式にまとめられています。実際にページのやり方に従い，ページ掲載画像の圧縮，高速化設定を行いました。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">






<a rel="noopener" href="https://wp-cocoon.com/site-speed-up/" title="Cocoonおすすめのサイト高速化設定" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><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://wp-cocoon.com/wp-content/uploads/2018/02/samuele-errico-piccarini-197299.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Cocoonおすすめのサイト高速化設定</div><div class="blogcard-snippet external-blogcard-snippet">Cocoonと相性の良いページの高速化設定方法の紹介です。Cocoonデフォルト機能だけでも十分にPageSpeed Insightsで高得点が狙えます。加えて、ページキャッシュプラグインや、画像最適化プラグインを利用すれば、より良い良いパ...</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://wp-cocoon.com/site-speed-up/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">wp-cocoon.com</div></div></div></div></a>





</div>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>設定後，表示されたか確認すると…</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>特に変化なし！ 読み込みなおしてみても特に表示される回数に変化はなく，解消には至りませんでした。この方法ではだめでしたがページ表示速度の改善として設定しておいた方がよい項目であるため，紹介のため記載させていただきました。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">やったこと②　審査用コードを削除する</h2>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>次に実施したことがこれです。結論から言うと私の場合はこれで解消されました！</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>変更したのがここの…</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="474" src="https://daracco.com/wp-content/uploads/2020/10/Googleアドセンス表示されない-1024x474.jpg" alt="【Cocoon】Googleアドセンス 広告が表示されないときの対処法" class="wp-image-1130" srcset="https://daracco.com/wp-content/uploads/2020/10/Googleアドセンス表示されない-1024x474.jpg 1024w, https://daracco.com/wp-content/uploads/2020/10/Googleアドセンス表示されない-300x139.jpg 300w, https://daracco.com/wp-content/uploads/2020/10/Googleアドセンス表示されない-150x69.jpg 150w, https://daracco.com/wp-content/uploads/2020/10/Googleアドセンス表示されない-768x356.jpg 768w, https://daracco.com/wp-content/uploads/2020/10/Googleアドセンス表示されない.jpg 1073w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>ここ！</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="818" height="242" src="https://daracco.com/wp-content/uploads/2020/10/Googleアドセンス表示されない_2.jpg" alt="【Cocoon】Googleアドセンス 広告が表示されないときの対処法" class="wp-image-1131" srcset="https://daracco.com/wp-content/uploads/2020/10/Googleアドセンス表示されない_2.jpg 818w, https://daracco.com/wp-content/uploads/2020/10/Googleアドセンス表示されない_2-300x89.jpg 300w, https://daracco.com/wp-content/uploads/2020/10/Googleアドセンス表示されない_2-150x44.jpg 150w, https://daracco.com/wp-content/uploads/2020/10/Googleアドセンス表示されない_2-768x227.jpg 768w" sizes="(max-width: 818px) 100vw, 818px" /></figure></div>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Googleアドセンスを申請する時，Cocoonのテーマではこの部分に審査用コードを貼り付けます。<br>この審査用コードは審査が終了すると不要となりますが，この<span class="bold-red">審査用コードを削除する</span>ことで表示されないという症状は解消されました。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>調べてみると人によっては貼りっぱなしで大丈夫という方や，影響する可能性があるから消しましょう！と意見はそれぞれのようです。そのため，これが本当に広告表示に影響しており，原因だったのか？は不明ですが，私の場合はこの方法で解消しました。特に残ってても意味がないものなので「広告が表示されない」という人は試してみるのはいかがでしょうか？</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">まとめ</h2>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Googleアドセンスの広告が表示されない，特にある特定の部分のみ表示されないという症状の対処法を探りました。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>サイトの軽量化などをやってみましたが，最終的にはGoogleアドセンスの審査用コードを削除するという方法で解消することができました。</p>



<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Cocoonのテーマだけの現象なのか？共通なのか？は不明ですが，広告表示がされず困っている方で審査が終わったコードは残っているという人は今一度確認してみましょう！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://daracco.com/ad-hyouji/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
