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