---
sourceDocument: オーストラリアのカスタマーサービス管理 (CSM)
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/customer-service-management

 Release :

    - australia

ft:locale :

    - ja-JP

ft:publication_title :

    - オーストラリアのカスタマーサービス管理 (CSM)

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

# ナレッジ記事ビューコンポーネントのサンプルコード

# ナレッジ記事ビューコンポーネントのサンプルコード {#ariaid-title1}

* リリースバージョン: Australia
* 
* 更新日 2026年03月12日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：2分

イベントがトリガーされたときのアクションを定義するためのサンプルコードが用意されています。コンポーネントを Web ページに埋め込む前に、ユースケースのサンプルコードを更新します。

## サンプルコード {#we-know-article-view-sample-code__section_j4x_gyn_c2c}

    { 

    'SN_EMBEDX_KNOWLEDGE_ARTICLE_VIEW#COMPONENT_READY' : (e) => { 

    // This event is dispatched when a component is ready and usable. 

    }, 

    'SN_EMBEDX_KNOWLEDGE_ARTICLE_VIEW#LINK_CLICKED' : (e) => { 

    // This event is dispatched when a record link has been clicked inside article body 

    var {table, sys_id} = e.detail.payload; 

    console.log(table, sys_id); 

    }, 

    'SN_EMBEDX_KNOWLEDGE_ARTICLE_VIEW#LANGUAGE_DROPDOWN_CLICKED' : (e) => { 

    // This event is dispatched when language dropdown selection is clicked 

    var {articleID} = e.detail.payload; 

     

    // Set properties for the knowledge article view 

    setProperties(snEmbedxKbArticleView, {recordId: articleID}); 

    }, 

    'SN_EMBEDX_KNOWLEDGE_ARTICLE_VIEW#NOTIFICATION_LINK_CLICKED' : (e) => { 

    // This event is dispatched when link present on notification has been clicked 

    var {table, sys_id} = e.detail.payload; 

     

    if(table == 'kb_knowledge') { 

    // Set properties for the knowledge article view 

    setProperties(snEmbedxKbArticleView, {recordId: sys_id}); 

    } 

    }, 

    'SN_EMBEDX_KNOWLEDGE_ARTICLE_VIEW#RATING_CLICKED' : (e) => { 

    // This event is dispatched when rating is provided for the article 

    var {rating} = e.detail.payload; 

    console.log(rating); 

    }, 

    'SN_EMBEDX_KNOWLEDGE_ARTICLE_VIEW#COMPONENT_ERROR' : (e) => { 

    // This event is dispatched when a property validation or internal error occurs. 

    var {errorMessage, errorType} = e.detail.payload; 

    console.log(errorMessage, errorType); 

    }

**関連タスク**   

* [ナレッジ記事ビューコンポーネントインスタンスの構成](https://servicenow-prod.fluidtopics.net/gWQ6Rmkk8PrrOCCyjLNLDQ "ナレッジ記事ビューコンポーネントインスタンスを構成して、ユーザーが Web サイトに埋め込み、Web サイトからナレッジ記事に直接アクセスできるようにします。")
* [サードパーティの Web サイトにナレッジ記事ビューコンポーネントインスタンスを埋め込む](https://servicenow-prod.fluidtopics.net/vQQ5Gle6dSGWtHZn6EiFYA "顧客がサードパーティの Web サイトでナレッジ記事ビューコンポーネントインスタンスの使用を開始できるように、構成したナレッジ記事ビューコンポーネントインスタンスのグローバルコードとコンポーネントコードを埋め込みます。")  
**関連資料**   

* [ナレッジ記事ビューのコンポーネントプロパティ](https://servicenow-prod.fluidtopics.net/ouG2Opdn0jULuuVEOazD~Q "コンポーネントプロパティを使用すると、サードパーティの Web サイトでナレッジ記事ビューコンポーネントインスタンスの動作を設定できます。")
* [ナレッジ記事ビューコンポーネントのイベントハンドラー](https://servicenow-prod.fluidtopics.net/d~xmJYJ7duCmfiYaoafk2w "コンポーネントは、特定の条件が満たされたとき、またはユーザーのインタラクション時にイベントをトリガーします。このイベントを使用して、サードパーティ Web ページのコードを介してアクションを実行できます。")