トラブルシューティング: インタラクションが機能しない

始める前に

• オンになっていることを確認してください ジェムページ v7 そしてテスト 正しいページ/URL.
• 　 プレビュー (または公開されたページ) を使用して、エディター キャンバスではなく操作をテストします。
• ハードリフレッシュ（Ctrl/Cmd+Shift+R）またはテスト お忍びで.
• モバイルの場合は、 タップ/クリック その代わりに ホバー トリガー。

インタラクション機能が動作しない一般的な理由

1. ナビゲーションはアクションが完了する前に行われる

理由： トリガー要素もリンク（例えば、リンク = ON、クリック後のアクション = ページを開くという一般的なボタン）なので、ブラウザはインタラクションの前に別の場所に移動します（例えば、 要素までスクロール: FAQ）が実行できます。

解決策： 要素の設定パネルで、 リンク インタラクションアクションを 要素までスクロール（FAQ）.

代わりにインタラクションなしでネイティブスクロールを希望する場合は、ボタンを設定します リンク = #faqs インタラクションを削除します。

2. ターゲットが隠れている、キャンバス外にある、または覆われている

理由： CSS（表示：なし、不透明度：0）、オフスクリーン位置、またはオーバーレイ（モーダル、バナー、固定ヘッダー）は カバーする ターゲット。

解決策： オーバーレイを一時的に削除し、チェック z-index、および pointer-events 設定されていない なしまずターゲットを見えるようにしてから、再テストします。

3. モバイルで使用されるホバートリガー

理由： タッチデバイスではホバーは機能しません。

解決策： モバイル専用のインタラクションを作成するには タップ/クリック トリガーとして。 ホバー デスクトップのみ。

4. サードパーティのアプリやカスタムコードとの競合

理由： その他のスクリプトはクリックを傍受したり、イベントの伝播を停止したり、JS エラーをスローしたりします。

解決策：

• カートドロワー、ポップアップ、またはカスタム JS を一時的に無効にして、再テストします。
• 店は開いています DevTools > 領事 エラーがあれば修正します。
• 競合を見つけるためにスクリプトを 1 つずつ再度追加します。

5. 複製およびインポート/エクスポートの制限

理由： ページを複製またはインポート/エクスポートする場合、インタラクションは保持されません。また、プランやセクションの特定の制限によって、インタラクションの動作が影響を受ける場合があります。

解決策：

• 複製とインポート/エクスポート: インタラクションを含むページを複製またはインポート/エクスポートすると、それらのインタラクションは 繰り越されない 新しいページへ。
• GemPages テーマセクション: 相互作用は 保存されていない テーマセクションを作成または使用する場合。
• プランダウングレードの影響: ダウングレードする場合は、 最適化プラン以上 下位プランの場合、インタラクション機能は 無効にする。
• 互換性： インタラクションは、以下のすべてのページタイプでサポートされています。 インスタントランディングページ の三脚と 販売ページ 中で セールスファネル、 だけど 利用できない 購入後のページ.

GemPagesのインタラクション活用事例とヒント

インタラクションが実行されない場合は、以下のクイックチェックを使用してセットアップを確認してください。

GemPagesにおけるInteractionのさらなる使用例とベストプラクティスについては、以下を参照してください。 この記事.