PR

【cocoon】スマホでボタン/囲みボタンの使い方・広告の貼り方

記事内に広告が含まれている場合があります。

スマホで記事を書いてるのですが、
パソコンと違って『ブロック』の使い方がわかりづらい。

ハキ
ハキ

囲みボタンとか意味わからない。。。
どういうときに使うの?

この記事では、そんな悩みをわかりやすく解説していきます。

\ これが知りたいあなたへ /

テーマは『cocoon』です。

  • ボタン、囲みボタンの使い方
  • ボタンを光らせる
  • 広告の貼り方

\ こんなことが出来ます /

コクーン(cocoon)ボタン

ボタンを使うとこうなります!
↓↓↓↓↓

後ずさりにも抜けにくい【PERROS】ペルロスハーネス

【cocoon】クリック率UP!スマホでボタン/囲みボタンの使い方

cocoonでのボタンのカスタマイズは、とてもカンタン!

下記の3つを変えることができます。

  • 大きさ
  • 光らせる
後ずさりにも抜けにくい【PERROS】ペルロスハーネス

ボタン【 色と大きさの比較 】

下記はスマホで表示されるボタンです。

cocoonボタン

文字数によって長さもかわるのですが、
大きさは大・中・小と3種類。

後ずさりにも抜けにくい【PERROS】ペルロスハーネス

下記の色をかえることができます。

  • 背景
  • 文字
  • ボーダー( 枠 )
cocoonボタンの色

色は25種類あるので好きな色をつかいましょう。
商品リンクは水色がオススメ。

cocoon【ボタンの使い方】

サイトなどの(https://~)リンクをつけたボタンの使い方を説明します。

cocoonボタン設定
【 設定方法 】
  • 左上をクリック
  • ①『cocoonボタン』を押す
  • ②を押す
  • ③『ブロック設定を表示』

cocoon『ブロック設定を表示』をえらんで表示させると、下記のような変更画面があらわれます。

コクーンボタン設定画面
  • ①に入れたいサイトのURLを入れる。
  • ②現在のタブから新しいタブにかえる。
  • ③大きさを変える(中がおすすめ)

④の円形にした場合、

光らせるをONにした場合、

このように表示されます。

中央に寄せて完成したのがこちら!

後ずさりにも抜けにくい【PERROS】ペルロスハーネス

cocoon【囲みボタンの使い方】

URLではないアフィリエイト広告のリンクをボタンにするために使用します。
『 囲みボタン 』の使い方を説明します。

囲みボタンの使い方

設置方法は『 ボタン 』と基本同じです。
囲みボタンをおすと、上記の画面があらわれます。

囲みボタン設定方法

①を押して『 ブロック画面を表示 』

②リンクタグ、ショートコードを入力。

これだけでOKです。

ハキ
ハキ

↓完成したのがコレ!

【cocoon】ボタンまとめ

  • ボタン   …URL
  • 囲みボタン …広告リンク・ショートコード
後ずさりにも抜けにくい【PERROS】ペルロスハーネス

ボタンがクリックされやすいとも限りませんが、装飾することで目立ち、押してもらえる確率もあがります。

ぜひ活用してみてくださいね♪