• Skip to primary navigation
  • Skip to main content

石崎力也のコンサルティング「いしこん」

年収1000万円以上のネットビジネス経営者を対象にデジタルコンテンツの販売方法とマーケティングオートメーションの導入方法に関する情報を発信するブログ。

  • いしこん 2.0
  • 無料ウェビナー
  • もう1本読む?
    • ネットビジネスの始め方【これでオランダ移住を実現しました】
    • オンラインコース(講座)ビジネスの作り方・やり方
    • 会員制サイトの作り方とサブスクリプションの導入方法
    • 動画広告の作り方マスター講座|種類、活用方法から効果測定のコツまで
    • 短くて成約率の高いVideo Sales Letter(VSL)の作り方
    • エバーグリーンローンチとは?ツールの使い方を詳しく解説!
    • 個人でKindle電子書籍を出版して利益を得る方法
    • Teachable(ティーチャブル)の使い方・操作方法
    • ClickFunnels(クリックファネル)の使い方・操作方法
  • コース一覧
  • お客様の声
  • 石崎力也とは?
  • リソース
  • ログイン
    • 新規登録はこちら
    • アカウントを持っている
  • Show Search
Hide Search
現在の場所:ホーム / ClickFunnels / 5-9 ClickFunnelsでSNSシェアボタンを追加する

5-9 ClickFunnelsでSNSシェアボタンを追加する

Last updated on 2021年4月14日 By 石崎 力也

今回はClickFunnelsでSNSのソーシャルシェアボタンを追加していきます。ページを FacebookやTwitterでシェアしてもらうためのボタンです。

今回お届けするノウハウはこちら

  • Step1. 「SOCIAL SHARE」を追加する
  • Step2. THEMESタブを設定する
  • Step3. ADVANCEDタブを設定する
  • やり方を動画で見る

Step1. 「SOCIAL SHARE」を追加する

「ADD NEW ELEMENT」をクリックして、今回は一番下のほうにある「SOCIAL SHARE」を選択します。そうすると早速FacebookとTwitterのボタンが出てくるので、設定していきます。

  • TOP MARGIN:エレメントの上の余白を調整する所です。
  • SHARE URL:デフォルトではちょうど今見ているページが入っています。
  • TWITTER TITLE:ブラウザのタブなどに表示される「SEO META DATA」に入っているページのタイトルと同じものが入っています。変更があれば変更してください。
  • TWITTER USERNAME:ツイートしてもらうときにページ作成者のTwitterアカウントの名前も一緒にツイートされるので、これは入れておいてもいいと思います。

Step2. THEMESタブを設定する

THEMESタブにはプリセットがいろいろあるので、デザインをご自身のサイズに合わせてやっていただくといいと思います。今回は少し大きめのものにしておきます。

Step3. ADVANCEDタブを設定する

次はADVANCEDタブです。「ALIGN」は「Left」「Center」「Right」と場所を変えられます。

ANIMATIONタブに関しては他のエレメントとほぼ一緒ですが、ページを読み込まれてからディレイを何分かおいて「Fade In」や「Fade In With Scale」でエレメントを表示するというものです。例えばウェビナーページを見ていて、ウェビナーが始まってから30分たったときにエレメントを出したいという場合は、「MINUTES」を「30」にすると30分後にエレメントが出てきます。この30分というのは、ここではページのロードから30分ということです。ウェビナーの再生ボタンをクリックしてから30分というわけではないので、そこだけ注意してください。

下の「ANIMATION」はJavaScriptでいうLazy Loadingのような考え方で、ミリセカンド単位のディレイを指定できます。「On Page Load」と「On Page Scroll (becomes visible)」の2つがあり、ページのロードを起算点とするかスクロールでこのエレメントが見えた時点を起算点とするかで変わってきます。

効果は「STYLE」で選択できます。いろいろな効果があるので試してみてください。

「DELAY」はミリセカンドです。デフォルトではだいたい500ミリセカンドが入っているので、それでやってみてください。今回は以上です。

やり方を動画で見る

ClickFunnels(クリックファネル)の使い方・操作方法の一覧ページに戻る

Filed Under: ClickFunnels

知っていることはお金になる…1度限りのウェビナーをご用意しました

石崎力也のコンサルティング「いしこん」

Copyright © 2023 · Rikiya "Sales Funnel" Ishizaki