---
title: "特定のタブ、スライド、またはアコーディオンのセクションをページ読み込み時に強制的に有効にしてください"
slug: "force-a-specific-tab-slide-or-accordion-section-to-be-active-on-page-load"
abstract: "SXAでページを読み込む際に、特定のタブ、スライド、アコーディオンセクションを有効にしてください。"
---
# 特定のタブ、スライド、またはアコーディオンのセクションをページ読み込み時に強制的に有効にしてください

SXAには、情報ブロックが自動的に要素から別の要素へと変化したり、手動で変更したりできる [複合コンポーネント](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/composite-renderings.html "Composite renderings") が付属しています。複合コンポーネントでウェブページを開くと、デフォルトでは合成パーツは最初の [タブ](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/add-accordion-and-tabs.html "Add Accordion and Tabs")、[スライド](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/add-carousel-and-flip.html "Add Carousel and Flip")、[またはセクション](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/add-accordion-and-tabs.html "Add Accordion and Tabs")から開きます。異なる要素をピントを合わせたい場合もあります。例えば、顧客が特定の商品へのリンクをクリックしてページに来たときなどです。

このトピックでは、コンポジットのコンポーネントIDを使ってURLにフォーカス要素を追加する方法について説明します。

## 複合コンポーネントIDを追加する

コンポーネントIDを作成するには:

1.  エクスペリエンスエディターのコンポジットツールバーで「 **More** 」をクリックし、「 **コンポーネントプロパティを編集**」をクリックします。
2.  **コントロールプロパティ**ダイアログボックスの**「General**」タブの**Id**フィールドで、コンポーネントのIDを入力します。*例えば:*

## URLにクエリ文字列パラメータを追加します

URLでコンポジットのコンポーネントIDを使用するには:

-   以下のクエリ文字列を使用してください:
    
    http://<domain>/<page>?RENDERING\_ID=TAB\_INDEX
    
    http://<domain>/<page>?
    
    パスに疑問符を加えてください。例えば、 *[http://sxa/renderings/composites/tabs](http://sxa/renderings/composites/tabs)?*
    
    RENDERING\_ID=
    
    コンポジットのコンポーネントID。例えば、 *tab*。
    
    TAB\_INDEX
    
    開きたいタブのインデックスです。タブのインデックスは0から始まります。
    
    例えば、ページ(*sxa/レンダリング/合成/タブ*)を3つ目のタブにフォーカスして開くには、以下のURLを使わなければなりません:
    
    http://sxa/renderings/composites/tabs?tab=2