> ## Documentation Index
> Fetch the complete documentation index at: https://developers.hubspot.jp/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Get sample card detail response

> サンプルカードの詳細のレスポンスを返します。これは、ユーザーに表示されるカードの詳細が含まれるペイロードです。これはアプリからレスポンスでデータ取得リクエストに送信する必要があります。

export const SupportedProducts = ({marketing, sales, service, cms, marketingLevel, salesLevel, serviceLevel, cmsLevel}) => {
  const translations = {
    header: "サポートされる製品",
    description: "次のいずれかの製品またはそれ以上が必要です。",
    productNames: {
      marketing: "Marketing Hub",
      sales: "Sales Hub",
      service: "Service Hub",
      cms: "Content Hub"
    },
    tiers: {
      free: "無料ツール",
      starter: "Starter",
      professional: "Professional",
      enterprise: "Enterprise"
    }
  };
  const translateTier = tier => {
    if (!tier) return '';
    const lowerTier = tier.toLowerCase();
    return translations.tiers[lowerTier] || tier;
  };
  const products = [{
    name: marketing ? translations.productNames.marketing : '',
    level: translateTier(marketingLevel),
    icon: "https://mintlify-assets.b-cdn.net/Icons/marketing-bolt.svg",
    alt: "Marketing Hub"
  }, {
    name: sales ? translations.productNames.sales : '',
    level: translateTier(salesLevel),
    icon: "https://mintlify-assets.b-cdn.net/Icons/sales-star.svg",
    alt: "Sales Hub"
  }, {
    name: service ? translations.productNames.service : '',
    level: translateTier(serviceLevel),
    icon: "https://mintlify-assets.b-cdn.net/Icons/service-heart.svg",
    alt: "Service Hub"
  }, {
    name: cms ? translations.productNames.cms : '',
    level: translateTier(cmsLevel),
    icon: "https://mintlify-assets.b-cdn.net/Icons/content-play.svg",
    alt: "Content Hub"
  }].filter(product => product.name && product.level);
  if (products.length === 0) return null;
  return <div>
      <div className="text-sm mb-2">{translations.description}</div>
      <div className={`grid ${products.length === 1 ? 'grid-cols-1' : 'grid-cols-2'} gap-1.5`}>
        {products.map((product, index) => <div key={index} style={{
    display: 'flex',
    alignItems: 'center'
  }}>
            <img src={product.icon} alt={product.alt} className="w-3.5 h-3.5 mr-1.5 mt-2.5 mb-2.5 flex-shrink-0 align-middle" />
            <span className="font-medium mr-1 text-sm">{product.name} -</span>
            <span className="text-sm">{product.level}</span>
          </div>)}
      </div>
    </div>;
};

<Accordion title="Supported products" defaultOpen="true" icon="cubes">
  <SupportedProducts marketing={true} sales={true} service={true} cms={true} marketingLevel="FREE" salesLevel="FREE" serviceLevel="FREE" cmsLevel="FREE" />
</Accordion>


## OpenAPI

````yaml specs/2026-03/crm-public-app-crm-cards-v2026-03.json GET /crm/extensions/cards-dev/2026-03/sample-response
openapi: 3.0.1
info:
  title: 公開アプリCRMカード
  description: Basepom for all HubSpot Projects
  version: 2026-03
  x-hubspot-product-tier-requirements:
    marketing: FREE
    sales: FREE
    service: FREE
    cms: FREE
    commerce: FREE
    crmHub: FREE
    dataHub: FREE
  x-hubspot-api-use-case: 外部バグ トラッキング ソフトウェアのデータを表示するカスタムカードをコンタクトレコードに追加します。
  x-hubspot-introduction: >-
    CRMレコードの外部システムデータに合わせてカスタムカードを作成します。公開アプリが必要です。これらのCRMカードは、プロジェクトで作成できるUI拡張機能とは異なります。
servers:
  - url: https://api.hubapi.com
security: []
tags:
  - name: Advanced
  - name: Basic
paths:
  /crm/extensions/cards-dev/2026-03/sample-response:
    get:
      tags:
        - Basic
      summary: サンプルカードの詳細のレスポンスを取得
      description: >-
        サンプルカードの詳細のレスポンスを返します。これは、ユーザーに表示されるカードの詳細が含まれるペイロードです。これはアプリからレスポンスでデータ取得リクエストに送信する必要があります。
      operationId: >-
        get-/crm/extensions/cards-dev/2026-03/sample-response_getCardsSampleResponse
      parameters: []
      responses:
        '200':
          description: successful operation
          content:
            application/json:
              schema:
                $ref: '#/components/schemas/IntegratorCardPayloadResponse'
        default:
          $ref: '#/components/responses/Error'
          description: ''
components:
  schemas:
    IntegratorCardPayloadResponse:
      required:
        - responseVersion
        - sections
        - totalCount
      type: object
      properties:
        allItemsLinkUrl:
          type: string
          description: >-
            インテグレーターが作成した、このカードの全ての詳細が表示されるページのURL。このURLは、レスポンスに5個を超える項目がある場合に「他の[x]を表示」リンクの下に表示されます。「[x]」は「itemLabel」の値です。
        cardLabel:
          type: string
          description: >-
            「allItemsLinkUrl」リンクに使用されるラベル（「他のチケットを表示」など）。指定されていない場合、カードのタイトルが代わりに使用されます。
        responseVersion:
          type: string
          description: レスポンスの数値バージョン。
          enum:
            - v1
            - v3
        sections:
          type: array
          description: 最大5個の有効なカードサブカテゴリーのリスト。
          items:
            $ref: '#/components/schemas/IntegratorObjectResult'
        topLevelActions:
          $ref: '#/components/schemas/TopLevelActions'
        totalCount:
          type: integer
          description: このレスポンスで送信されるカードプロパティーの合計数。
          format: int32
    IntegratorObjectResult:
      required:
        - actions
        - id
        - title
        - tokens
      type: object
      properties:
        actions:
          type: array
          description: カードと関連付けられたアクションのリスト。アクションフック、確認アクションフック、iframeを含めることができます。
          items:
            oneOf:
              - $ref: '#/components/schemas/ActionHookActionBody'
              - $ref: '#/components/schemas/IFrameActionBody'
        id:
          type: string
          description: カードの固有ID。
        linkUrl:
          type: string
          description: カードのタイトルで使用されるURL
        title:
          type: string
          description: このカードのトップレベルタイトル。CRM UIのユーザーに表示されます。
        tokens:
          type: array
          description: カードに関連する特定のプロパティーを表すトークンのコレクション。
          items:
            $ref: '#/components/schemas/ObjectToken'
    TopLevelActions:
      required:
        - secondary
      type: object
      properties:
        primary:
          description: カードのプライマリーアクションを定義します。アクションフックまたはiframeのいずれかになります。
          oneOf:
            - $ref: '#/components/schemas/ActionHookActionBody'
            - $ref: '#/components/schemas/IFrameActionBody'
        secondary:
          type: array
          description: カードのセカンダリーアクションのリストを指定します。それぞれアクションフックまたはiframeになります。
          items:
            oneOf:
              - $ref: '#/components/schemas/ActionHookActionBody'
              - $ref: '#/components/schemas/IFrameActionBody'
        settings:
          $ref: '#/components/schemas/IFrameActionBody'
    Error:
      required:
        - category
        - correlationId
        - message
      type: object
      properties:
        category:
          type: string
          description: エラーカテゴリー
        context:
          type: object
          additionalProperties:
            type: array
            items:
              type: string
          description: エラー条件に関する背景状況
          example: >-
            {invalidPropertyName=[propertyValue], missingScopes=[scope1,
            scope2]}
        correlationId:
          type: string
          description: リクエストの固有ID。エラー報告またはサポートチケットには必ずこの値を含めてください
          format: uuid
          example: aeb5f871-7f07-4993-9211-075dc63e7cbf
        errors:
          type: array
          description: エラーに関する詳細情報
          items:
            $ref: '#/components/schemas/ErrorDetail'
        links:
          type: object
          additionalProperties:
            type: string
          description: エラーまたは推奨の修正手順に関するドキュメントが含まれる関連付けられたURIへのリンク名の対応付け
        message:
          type: string
          description: エラーと修正手順（該当する場合）を記した、人が理解できるメッセージ
          example: An error occurred
        subCategory:
          type: string
          description: エラーに関する具体的な詳細が含まれる特定のカテゴリー
      example:
        message: Invalid input (details will vary based on the error)
        correlationId: aeb5f871-7f07-4993-9211-075dc63e7cbf
        category: VALIDATION_ERROR
        links:
          knowledge-base: https://www.hubspot.com/products/service/knowledge-base
    ActionHookActionBody:
      title: ACTION_HOOK
      required:
        - httpMethod
        - propertyNamesIncluded
        - type
        - url
      type: object
      properties:
        confirmation:
          $ref: '#/components/schemas/ActionConfirmationBody'
        httpMethod:
          type: string
          description: >-
            コールを実施する際に使用されるHTTPメソッド。GET、POST、PUT、DELETE、またはPATCH.に設定できます。GETまたはDELETEを使用する場合は、
          enum:
            - CONNECT
            - DELETE
            - GET
            - HEAD
            - OPTIONS
            - PATCH
            - POST
            - PUT
            - TRACE
        label:
          type: string
          description: ユーザーに表示するこのプロパティーのラベル。
        propertyNamesIncluded:
          type: array
          description: アクションで含まれるプロパティー名のリスト。詳細については、ドキュメントを参照してください
          items:
            type: string
        type:
          type: string
          description: ステータスのタイプ。
          default: ACTION_HOOK
          enum:
            - ACTION_HOOK
        url:
          type: string
          description: アクションが発動される際に呼び出されるURLエンドポイント。
      x-hubspot-sub-type-impl: true
    IFrameActionBody:
      title: IFRAME
      required:
        - height
        - propertyNamesIncluded
        - type
        - url
        - width
      type: object
      properties:
        height:
          type: integer
          description: iframeの高さ（ピクセル）。
          format: int32
        label:
          type: string
          description: ユーザーに表示するこのプロパティーのラベル。
        propertyNamesIncluded:
          type: array
          description: iframeのURLで含まれるプロパティー名のリスト。
          items:
            type: string
        type:
          type: string
          description: ステータスのタイプ。
          default: IFRAME
          enum:
            - IFRAME
        url:
          type: string
          description: 発動される際にiframeで読み込まれるURLエンドポイント。
        width:
          type: integer
          description: iframeの幅（ピクセル）。
          format: int32
      x-hubspot-sub-type-impl: true
    ObjectToken:
      required:
        - value
      type: object
      properties:
        dataType:
          type: string
          description: このプロパティーによって表されるデータのタイプ。
          enum:
            - BOOLEAN
            - CURRENCY
            - DATE
            - DATETIME
            - EMAIL
            - LINK
            - NUMERIC
            - STATUS
            - STRING
        label:
          type: string
          description: ユーザーに表示するこのプロパティーのラベル。
        name:
          type: string
          description: このプロパティーの内部ID。この値は固有のTODOである必要があります。
        value:
          type: string
          description: プロパティーの値
    ErrorDetail:
      required:
        - message
      type: object
      properties:
        code:
          type: string
          description: エラーの詳細に関連付けられているステータスコード
        context:
          type: object
          additionalProperties:
            type: array
            items:
              type: string
          description: エラー条件に関する背景状況
          example: '{missingScopes=[scope1, scope2]}'
        in:
          type: string
          description: エラーが見つかったフィールドまたはパラメーターの名前。
        message:
          type: string
          description: エラーと修正手順（該当する場合）を記した、人が理解できるメッセージ
        subCategory:
          type: string
          description: エラーに関する具体的な詳細が含まれる特定のカテゴリー
    ActionConfirmationBody:
      required:
        - cancelButtonLabel
        - confirmButtonLabel
        - prompt
      type: object
      properties:
        cancelButtonLabel:
          type: string
          description: アクションをキャンセルするボタンのラベル。
        confirmButtonLabel:
          type: string
          description: アクションを確定するボタンのラベル。
        prompt:
          type: string
          description: アクションを確定するためにユーザーに表示されるメッセージ。
  responses:
    Error:
      description: An error occurred.
      content:
        '*/*':
          schema:
            $ref: '#/components/schemas/Error'

````