今回はClickFunnelsでページのHTMLをダウンロードするということをやっていきます。こういうページがあります。このページの HTMLファイルをダウンロードして、どなたか他の方に見せるといったことがあると思います。そういう時はClickFunnelsの標準の機能を使ってダウンロードすることが出来ますが、それだけでは足りない場合は、Google Chrome等にあるHTMLの保存の機能も使ったら良いという話をしていきます。
今回お届けするノウハウはこちら
Step1. ClickFunnelsの標準の機能を使ってダウンロードする
ClickFunnelsの標準の機能として、ファネル全体を一気にダウンロードすることは出来ませんが、Funnel Step毎にダウンロードすることが出来ます。Sales PageのFunnel StepにあるPublishingタブに行ってください。普段はスルーしているようなDownload HTMLという部分があります。Download HTMLというのをクリックするとダウンロードが始まります。そのページが無いと、場合によってはレンダリングに最大24時間かかるとClickFunnelsは言っていますが、短いものなら瞬時にダウンロード出来ます。僕が試した限り大体のものは瞬時にダウンロード出来るかなという感じです。
今ダウンロードするページはこういう感じです。
ダウンロードしてきたものがあるのでお見せします。これがClickFunnelsの標準の機能を使ってダウンロードしてきたものです。こういう風にVimeoが入っていたりAmazon AWS の外部のサイトの画像を引用していて、アップロードした時に外部サイトに入ってしまったものを連携して入れているので、これはオフラインだと多分表示されない筈です。
後はこういう所の画像ですが、ここの画像が無くなっています。
結構大事なこういう背景やアニメGIFもやはり無くなっていて、こういう感じになっています。
Step2. Google Chromeの機能でダウンロードする
ちなみに、これは今Google Chrome で取っていますが、Google Chromeでは「ページを別名で保存」とすると画像付きのものがきちんとダウンロード出来ます。
ダウンロードしたものがこれです。アイコン等、ClickFunnels固有ものは上手くダウンロード出来ていないものもありますが、こちらの方が割と再現性が高く埋め込んだ外部サービスの部分も出ていますし、Vimeoの大きさは少し違っていますが、レイアウトがそんなに崩れていません。
これはGoogle Chromeでダウンロードしたものですが、やはり画像や背景系は飛んでしまいます。ここにも本当は黒い背景が入っているのですが、やはり抜けてしまっています。なぜかアニメ GIF 等は入っていて、背景ではない画像はきちんと残ってくれています。あとはこれもアニメ GIF なので残っています。
ということで、1つで完璧にダウンロードすることは中々難しいので、そういう場合は GoogleChrome の拡張でスクリーンショットを撮って共有する等、ファネル毎に少しずつ保存状況が変わってくると思うので、適切なものを3つの中から選んでいただければと思います。
Step3. まとめ
- ClickFunnelsの公式のダウンロード機能
- ブラウザの保存機能
- ページをそのまま長い縦のスクリーンショットで撮って一枚の PDFやpng等にしてくれるもの
この3つの方法を組み合わせて、上手くいく方法を探ってもらえればと思います。今回は以上です。
