スケルトンローダーウィジェットの作成方法
画像カードを自動的に検出
画像カードを自動的に検出し、各画像の読み込みが完了するまで、関連するカードコンテンツを一致するプレースホルダー状態に保ちます。
読み込みスタイルをカスタマイズ
スケルトンスクリーンの色、角の丸み、シマーアニメーションの速度をカスタマイズして、ウェブサイト全体で一貫した読み込み体験を作成できます。 作成できます。
サイトに埋め込む
生成されたスクリプトをコピーしてWebサイトに追加するだけで、洗練されたスケルトンスクリーンを簡単な手順で導入できます。カスタムコードを書く必要がなく、開発に余分な時間をかけずに済みます。
ページを再設計せずに、洗練された読み込み状態を作成
1つのスクリプトでスケルトンスクリーンを有効化
1つの埋め込みスクリプトを追加するだけで、ページコンテンツの準備中にウィジェットが一時的なプレースホルダーを追加します。
画像カードを自動的に検出
同じカード内の画像、見出し、段落、価格、ラベルを自動的に検出し、関連する要素をまとめて、一致するスケルトンプレースホルダーを自動生成します。
サイトの色や角の形に合わせる
スケルトンスクリーンの色を1色選び、デザインに合わせて角の丸みを調整できます。
Jotform ホームページウィジェットが選ばれる理由
Jotformのウィジェットは、ウェブサイトをよりインタラクティブにし、コンバージョンを高めます。星評価やお客様の声を表示するスライダー、ソーシャルプルーフのポップアップ、メディア埋め込みまで、多彩なツールが利用可能です。フォームやランディングページにウィジェットを追加して、データ収集、実績や信頼性のアピール、見込み顧客の獲得を実現できます。コーディングは不要です。
シンプルな埋め込みコードで、Jotformウィジェットをウェブサイトに追加できます。ウィジェットをカスタマイズし、見た目をプレビューして、カスタムHTMLや埋め込みブロックに対応したあらゆるページに貼り付けるだけ。開発者は一切不要です。
Jotform ホームページウィジェットを使って、見込み顧客の獲得、お客様のフィードバックの表示、ソーシャルプルーフの活用、メディアの埋め込み、便利なウェブページツールの追加ができます。各ウィジェットは、訪問者がウェブサイトから直接あなたのビジネスとやり取りできるようサポートします。
ウィジェットの設定、カスタマイズ、埋め込み、トラブルシューティングでサポートが必要な場合、Jotformのカスタマーサポートチームが24時間年中無休で対応します。必要なときにいつでもサポートを受けられるので、安心してご利用いただけます。
スケルトンスクリーンの活用シーン
画像や動画などのコンテンツが表示されるまでの間、訪問者に読み込み状況をすばやく視覚的に伝えたい場所に、スケルトンスクリーンを設置しましょう。
商品ページで、画像ギャラリー、説明、価格をよりスムーズな表示を実現したいページに最適です。
ブログやコンテンツハブで、記事のサムネイル、見出し、抜粋、著者名などが異なる速度で読み込まれるサイトに最適です。
ポートフォリオやギャラリーページで、画像のプレースホルダーと、それに対応するタイトルやラベルのプレースホルダーを表示したいページに最適です。
ランディングページで、メインビジュアルやお客様の声を読み込む際に、洗練されたプレースホルダーを表示したいページに最適です。
画像や動画が多いページで、大きな画像や埋め込みコンテンツの読み込みが完了するまで、空白が生じやすいページに最適です。
ブランドを重視するウェブサイトで、プレースホルダーの色を統一し、一貫したデザインを保ちたいサイトに最適です。
Jotformのフォーム作成ツールで見込み顧客を顧客へと導く
Jotformで訪問者の関心を具体的なアクションにつなげましょう。見込み顧客の獲得、決済の受付、返信の自動化ができる高機能なフォームを、すべて一か所で作成できます。送信された回答はすべてJotformインボックスに届くため、フォローアップやお気に入りのアプリとの連携も簡単です。
無料で今すぐ始める
よくある質問 (FAQ)
スケルトンスクリーンウィジェットとは？
スケルトンスクリーンウィジェットは、画像と関連テキストの読み込み中に、画像カードの形状に合わせた一時的なプレースホルダーを表示します。
ウィジェットは要素を自動的に検出しますか？
どの要素にプレースホルダーを表示するか選べますか？
シマーアニメーションをカスタマイズできますか？
プレースホルダーの色をウェブサイトに合わせられますか？
スケルトンスクリーンはスマートフォンでも機能しますか？
コードを書く必要はありますか？