難病女子の心の裏側日記

難病女子の心の裏側をたれ流すブログ。

【日記】広告クリックとあわせて読みたいのカスタマイズとアイコン制作とこれからの話。

 

こんにちは、木ノ下コノキ(@kinoshitakonoki)です。

 

 

いつものごとく、日記タイトルはどうしようもないほど手抜きです(笑)

 

 

今回は、広告クリックとあわせて読みたいとアイコン制作の話。

 

 

 目次

 

【広告クリックの話】広告外したら収益はどうなった?

このブログを前から読んでくださっていてスマホから読んでいる方は気付いてる方もいるかも知れませんが、このブログ8月の途中からブログに入ってすぐの広告リンクを実験的に外してみてるんです。

 

なんとなく自分が見ても目障りというか邪魔だな...と。

 

所詮、広告とはそういうもの?と思いながら...

 

 

で、収益はというと

8月は途中からということもあって、前月の約半分に留まりましたが、9月はこの分だと3分の1になりそうです(泣)

 

1週間更新しなかったり、あまりブログいじり(リライトなど)しなかったのもあったのかなとは思いますが、結構下がるんだなと思って、たぶんもとに戻します(;´Д`)

 

 

あわせて読みたいの話

 

 

 

 こういうやつですね。

 

今まで、このブログではブログカードをそのまま貼り付けていました。

 

 

他にもこんな記事書いています。

www.kinoshitakonoki.com

 と、こんな風に。

 

他にもこんな記事書いていますよーーーーってことをお知らせするために4枚くらい、いろんなジャンルをね...時々、関連記事を自分で貼ってたのですがね。(自動でなる関連記事リストは消していました)

 

このブログカードが「記事リンク」だと思わない人がいるという情報を仕入れ、「ええ!?そうなの?」と驚いて、本当なのかな?と9月の初めころからちまちまとリライトしつつ

 

この「あわせて読みたい」に切り替えてみたところ、回遊率が上がってる?のかなと感じることがありました。

 

まだまだ分析とかきっちりは出来てないですが、なんとなく感じる。

 

そしてブログカードをそのまま貼るよりも、ブログ全体がスッキリしたような?

 

まだまだ200以上もある記事の全部に導入出来てませんが、少しでも同じジャンルの中を回遊してもらえればなと、徐々に変えていきたいですね。

 

 

 良かったら使ってください。

 

1.下記をコピーして「デザインCSS」に貼る

 

.entry-content .emphasize-link {
  position: relative;
  margin: 36px 0 16px;
  padding: 16px 10px;
  border: 2px solid #df8182;
  background-color: #fffbf5;
}
.entry-content .emphasize-link p:last-child {
  margin-bottom: 0;
}
.entry-content .emphasize-link::before {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 0 10px 0 26px;
  content: "あわせて読みたい";
  background-color: #df8182;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.entry-content .emphasize-link::after {
  position: absolute;
  top: -16px;
  left: 4px;
  width: 28px;
  height: 28px;
  background-color: #df8182;
  border-radius: 14px;
  line-height: 25px;
  text-align: center;
  content: "\f010";
  font-size: 18px;
  font-family: "blogicon";
  color: #fff;
}


 

途中の

content: "あわせて読みたい";

の、「あわせて読みたい」と他の文字に変えれば、あわせて読みたい以外の囲いも出来上がります。

 

2. 記事に貼りたいリンクのページURLをコピー(ペースト)し、「見たまま」モードでリンクを貼る

 

その時、ブログカード

www.kinoshitakonoki.com

ではなく、

 

タイトル

今年のバレンタインは3種の抹茶味。あなたはどれがお好み? - 難病女子の心の裏側日記

にチェックを入れ選択した形式でリンクを挿入して

 

HTML編集 に切り替え、

<p class="emphasize-link">を

<a href="https://www.kinoshitakonoki.com/entry/2018/02/14/123152">今年のバレンタインは3種の抹茶味。あなたはどれがお好み? - 難病女子の心の裏側日記</a>

の前に入れ、最後に</p>で囲うと、こんな風に「あわせて読みたい」の囲いができます。

 

 

 

そして、 複数のリンクを囲みたい場合は、

HTML編集に切り替え、

<div class="emphasize-link">
<p><a href="https://www.kinoshitakonoki.com/entry/2018/02/14/123152">今年のバレンタインは3種の抹茶味。あなたはどれがお好み? - 難病女子の心の裏側日記</a></p>
<p><a href="https://www.kinoshitakonoki.com/entry/2018/06/01/194346">【日記】初てんやと加賀棒ほうじ茶フラペチーノで摂取カロリー1500kcalになった話。 - 難病女子の心の裏側日記</a></p>
</div>

 

 

先ほど、

 <p class="emphasize-link">だったものを

 

 <div class="emphasize-link">></div>に変えて、で囲ってあげると複数のリンクを囲うことができます。

 

 

参考にしたこちらの記事に

リンク枠について他にもいろいろカスタマイズを載せています。

おすすめ記事・関連記事のリンクを枠で囲って目立たせるカスタマイズ - NO TITLE

 

アイコン制作の話

f:id:kinoshitakonoki:20180929160448j:plain

 

もう前々から話をいただいてたアイコン制作話。

 

 

www.kinoshitakonoki.com

 

 (目だけ)福士蒼汰の彼と初めて会ったときにアイコン制作にあたっての話をしていたわけですが、先日会った時に、ようやくお渡しすることができました。

 

 

www.kinoshitakonoki.com

 

救急車騒ぎがあったりなんだりでお渡しするのは遅かったですが、制作期間は4日くらいです。

 

下書きの段階で4つのアイディアを出し、そこから2つに絞り込み、さらに1つに決定。

 

そこから色付け、お渡しと同時にお代を頂きました。

 

 

会う予定があったので手渡しでしたが、ココナラや他のサイトで購入してもらう、やりとりすることも考えていました。

 

 

今後のアイコン制作は? 

SNSやブログアイコン制作は、

いまはまだ金額設定表を作ってなかったりどこのサイトを使うなど未定ですが、今やってる色々なことが落ち着いたらゆっくり考えて行こうかなと思います。

 

 

それでも「どうしても制作してほしい」という方がいらっしゃいましたら、

木ノ下コノキ@手芸・お絵かき・ブログ (@kinoshitakonoki) | TwitterのDM(ダイレクトメール)にてご相談ください。

 

絵柄一覧

f:id:kinoshitakonoki:20180929170835j:plain

f:id:kinoshitakonoki:20180929165407j:plain

f:id:kinoshitakonoki:20180929165534j:plain

f:id:kinoshitakonoki:20180929165909p:plain
 

f:id:kinoshitakonoki:20180929170022j:plain

 

こんな感じでしょうか。

 

お願いされたら、精一杯作らせていただきます(*^▽^*)

 

 

さいごに

 

なんだかいろんなことを詰めすぎてしまいましたが、自分なりに考えていることがたくさんあり、少しずつですが形にしていっています。

 

 

今月は「ブログを頑張る、ブログ期間」でしたが来月(10月)は、お絵かき期間としまして

 

ちょっと色んなことに挑戦をしてこようと思います( *´艸`)

 

 

挑戦した何かについてはまた、このブログで記事にしていきますね。

 

 

なので、勝手ではありますが、

サブブログの「どろどろどろ 」は今夜更新の記事をもちまして少しお休みします。

 

サブブログ側でもお知らせを載せていますのでよろしくお願いいたします。

 

 

では、またね(*´ω`)

 

 

 

ブログ村に参加しています。

よろしかったらポチッと応援よろしくお願いします(*´艸`*)

 ↓ ↓ ↓

にほんブログ村 病気ブログ 難病(特定疾患)へにほんブログ村 恋愛ブログへ
にほんブログ村

 

 スポンサーリンク

 

 ホーム   お問合わせ   プライバシーポリシー   サイトマップ