共有ビューを作成する

埋め込みをSDKバージョン 2.8.0 以降に更新したら、 createSharedView API を使用して新しい共有ビューを作成します。オペレーションが返dashboardIdす sharedViewIdと を記録します。次の例では、新しい共有ビューを作成します。

const response = await embeddingFrame.createSharedView();
const sharedViewId = response.message.sharedViewId;
const dashboardId = response.message.dashboardId;

createSharedView は、ユーザーがダッシュボードを表示したときにのみ呼び出すことができます。コンソール固有の共有ビューを作成する場合は、createSharedViewアクションを有効にする前に、ユーザーがダッシュボードページに表示されていることを確認してください。これは、以下の例に示すように、 PAGE_NAVIGATIONイベントで実行できます。

const contentOptions = {
    onMessage: async (messageEvent, metadata) => {
    switch (messageEvent.eventName) {
            case 'CONTENT_LOADED': {
                console.log("Do something when the embedded experience is fully loaded.");
                break;
            }
            case 'ERROR_OCCURRED': {
                console.log("Do something when the embedded experience fails loading.");
                break;
            }
            case 'PAGE_NAVIGATION': {
                setPageType(messageEvent.message.pageType); 
                if (messageEvent.message.pageType === 'DASHBOARD') {
                    setShareEnabled(true);
                    } else {
                    setShareEnabled(false);
                }
                break;
            }
        }
    }
};