WEB広告運用の困りごとが集まる場所 コミュニティ コミュニティ widget:絞り込み検索(条件に合う記事のみ表示|別ページ設置可能)の別ページ作成方法がわからない

  • widget:絞り込み検索(条件に合う記事のみ表示|別ページ設置可能)の別ページ作成方法がわからない

    トピックス by k.o ユーザーランク 43 pt  2024年5月22日 18:19 83 PV

    商品絞り込み後に、異なるページに遷移させたい

    上記の質問内容と同様に、絞り込み検索を用いて、ボタン押下後に別ぺージで該当のものが表示されるような機能を作りたいと考えています。

    上記の解説の通り、【絞り込み検索(条件に合う記事のみ表示|別ページ設置可能)】のwidgetを用いて、

    「別ページに検索結果を表示させるには、該当コードを切り取り、別のVersionに貼り付けてご使用」

    したのですが、うまく機能しません。

    具体的には、javascript部分はheeadとbodyに切り取って貼り付け、ボタン以下の部分を別のVersionに切り取って貼り付けました。しかし、ボタンを押しても遷移する様子もありません。

    どのようにすれば、検索結果を別ぺージで表示できますでしょうか?

    widgetマスター   3 数週間前 2 人 · 4 コメント
  • 4 コメント
  • widgetマスター

    モデレータ
    2024年5月22日 18:36

    ご相談ありがとうございます!

    以下の方法にてお試しくださいませ。

    —————————————————————————–

    1. 該当Widgetを挿入する

    2. Java scriptをタグ設定に移動する

    3. 「HTML欄:158行目〜256行目」までをカットし、更新する

    4. 結果を表示するための別beyondページを用意

    5. 結果を表示するための別beyondページに同じWidgetを追加する

    6. Java scriptをタグ設定に移動する

    7. 「HTML欄:1行目〜154行目」までをカットし、更新する

    8. 結果を表示するための別beyondページの配信URLを取得する

    9. 表示条件があるbeyondページへ戻り「HTML欄:34行目」にあるURLを変更する

    [変更箇所]

    <a href=”結果を表示するための別beyondページのURL”>この条件で検索</a>

    —————————————————————————–

    ほかにもお困りなことがございましたら、以下フォームを申請していただけますとWidget専用のエキスパートチームが迅速に回答いたします💡

    ▼Widget相談/制作依頼フォーム

    https://share.hsforms.com/1U514LEbcSbqO4YtwX9Gd9Qdud2b

    ぜひ上記もご活用くださいませ🌱

    • k.o

      メンバー
      2024年5月24日 16:37

      迅速、かつ、わかりやすくご回答いただきありがとうございます!

      試してみます!

  • k.o

    メンバー
    2024年5月27日 12:27

    追加で質問失礼いたします。

    上記の通り、設定したつもりなのですが、どうしても意図したとおりの挙動を実現できません。

    以下に実践している内容を記載いたしますので、間違いなどございましたらご教授いただけると幸いです。

    ーーー

    1. widget【絞り込み検索(条件に合う記事のみ表示|別ページ設置可能)】を設置

    2. Java scriptをタグ設定

    3.検索結果が出力される部分のHTMLを削除(画像)

    4. 結果を表示するための別beyondページを用意

    5. 結果を表示するための別beyondページに、widget【絞り込み検索(条件に合う記事のみ表示|別ページ設置可能)】を設置

    6. 結果を表示するための別beyondページに、Java scriptをタグ設定

    7. 結果を表示するための別beyondページの、 検索条件を入力する部分のHTMLを削除(画像)

    8. 結果を表示するための別beyondページの配信URL(https://sb-house-compare.discover-news.tokyo/ab/result)を取得

    9. 表示条件があるbeyondページへ戻り、HTMLのボタン部分に「<a href=”https://sb-house-compare.discover-news.tokyo/ab/result”」を追加(画像)

    ーーー

    これでできたページが以下のページで、ボタン押下によってページ遷移はしますが、どれも出力されません。

    https://sb-preview.squadbeyond.com/articles/AOnCDeei-RCCPcTnmIcw/preview

    何が原因なのでしょうか?

    • widgetマスター

      モデレータ
      2024年5月27日 13:17

      ご確認いただきありがとうございます!

      いただいた内容を直接確認するためにお手数ですが、FREEチャットにてご相談いただけますと幸いです💐

      即時確認させていただきますので、お待ちしております!