Chuyển tới nội dung chính

Data compass widget

Thị trường khả dụng

Chỉ US

Giới thiệu

Widget này sẽ giúp người bán hiểu rõ hơn về hiệu suất cửa hàng của họ, quản lý hoạt động hiệu quả và phát triển kinh doanh trên TikTok. Data compass widget sẽ cho phép người bán truy cập các chỉ số phân tích cốt lõi như GMV, lượt khách truy cập, đánh giá và xếp hạng sản phẩm.

Trình diễn

Phân tích cốt lõi​

Người bán có thể theo dõi hiệu suất doanh số và lưu lượng truy cập của cửa hàng trong khoảng thời gian được chọn thông qua sáu chỉ số cốt lõi:

MetricInstruction
Shop GMVTổng số tiền đã thanh toán cho các đơn hàng bao gồm thuế bán hàng tiểu bang, phí vận chuyển và xử lý, nhưng không bao gồm giảm giá.
Shop ordersTổng số đơn hàng được đặt cho sản phẩm này.
BuyersTổng số người mua duy nhất đã đặt đơn hàng.
Avg. CTR per dayTỷ lệ phần trăm trung bình hàng ngày của khách truy cập đã xem liên kết sản phẩm của bạn và nhấp vào sản phẩm. (Tỷ lệ nhấp chuột mỗi ngày/số ngày trong khoảng thời gian được chọn)
Shop visitorsTổng số khách truy cập duy nhất đã xem trang chi tiết sản phẩm.
Cancellations and returnsSố đơn hàng được trả lại và hoàn tiền trong vòng 30 ngày kể từ khi giao hàng.
ReviewsTổng số đánh giá của người mua trong khoảng thời gian được chọn.
Avg. CVR per dayTỷ lệ phần trăm trung bình hàng ngày các lần khách truy cập duy nhất cũng đặt đơn hàng. (Tỷ lệ chuyển đổi mỗi ngày/số ngày trong khoảng thời gian được chọn)

Xu hướng cửa hàng​

Phần này hiển thị xu hướng của các chỉ số cốt lõi. Nếu bạn nhấp vào Compare With the Same Period [1], bạn có thể xem so sánh xu hướng giữa giai đoạn hiện tại và các giai đoạn trước đó.

Image

Sản phẩm xếp hạng theo GMV​

Người bán có thể kiểm tra danh sách xếp hạng Top 5 sản phẩm theo GMV, thông tin và các chỉ số của sản phẩm và SKU:

  • Product name/ID
  • GMV
  • Units sold

Image

Để xem dữ liệu chi tiết hơn về TikTok Shop, bạn có thể thêm một lối vào để người bán nhấp và chuyển đến Seller Center> analysis

Image

Demo tích hợp

React framework​

Cấu hình preload trong WidgetConfigProvider preloadWidgetNames, bạn có thể đặt WidgetConfigProvider ở ngoài cùng để preload kịp thời

1: @tiktokshop-widget/compass:metricGrid

JSONWord Wrap

import { WidgetConfigProvider,RemoteWidget } from '@tiktokshop/widget-kit-react';  
  
const getWidgetToken = async () => {  
  const res: any = await get('https://xxx/api/v1/widget/access_token', {  
    outer_shop_id: 'xxx',  
    partner_type: '1',  
  });  
  if (res?.code === 0) {  
    return res?.data;  
  }  
  return {};  
};  
  
const initOptions = {  
  config: {  
    shopId: 'xxx', //seller id, such as 123456  
    oecRegion: 'xxx', //country,such as US  
    appKey: 'xxx', //The key corresponding to the merchant's creation service  
    isvInfo: {  
      name: 'xxx', //ISV name,such as OPEN_PLATFORM  
    },  
  },  
  getToken: getWidgetToken,  //get auth token  
  remotes: [  
    {  
      name: 'xxx', //Integrated business name, provided by the open platform,such as:@tiktokshop-widget/compass:metricGrid  
    },  
  ],  
};  
  
export default () => {  
  return (  
    <WidgetConfigProvider  
      config={initOptions.config}  
      getToken={initOptions.getToken}  
      remotes={initOptions.remotes}  
      preloadWidgetNames={['@tiktokshop-widget/compass:metricGrid']}>  
      <RemoteWidget  
        name={'@tiktokshop-widget/compass:metricGrid'}  
        className={'containerClass'}  
        options={{  
            onClick: onHandleClick,//Control the jump event of clicking the 'More details' button inside the widget  
        }} //Pass in the props required by the widget. If there are none, you don't need to pass them in.  
      />  
    </WidgetConfigProvider>  
  );  
};

2: @tiktokshop-widget/compass:performance

SQLWord Wrap

import { WidgetConfigProvider,RemoteWidget } from '@tiktokshop/widget-kit-react';  
  
const getWidgetToken = async () => {  
  const res: any = await get('https://xxx/api/v1/widget/access_token', {  
    outer_shop_id: 'xxx',  
    partner_type: '1',  
  });  
  if (res?.code === 0) {  
    return res?.data;  
  }  
  return {};  
};  
  
const initOptions = {  
  config: {  
    shopId: 'xxx', //seller id, such as 123456  
    oecRegion: 'xxx', //country,such as US  
    appKey: 'xxx', //The key corresponding to the merchant's creation service  
    isvInfo: {  
      name: 'xxx', //ISV name,such as OPEN_PLATFORM  
    },  
  },  
  getToken: getWidgetToken, //get auth token  
  remotes: [  
    {  
      name: 'xxx', //Integrated business name, provided by the open platform,such as:@tiktokshop-widget/compass:performance  
    },  
  ],  
};  
  
export default () => {  
  return (  
    <WidgetConfigProvider  
      config={initOptions.config}  
      getToken={initOptions.getToken}  
      remotes={initOptions.remotes}  
      preloadWidgetNames={['@tiktokshop-widget/compass:performance']}>  
      <RemoteWidget  
        name={'@tiktokshop-widget/compass:performance'}  
        className={'containerClass'}  
        options={{}} //Pass in the props required by the widget. If there are none, you don't need to pass them in.  
      />  
    </WidgetConfigProvider>  
  );  
};

ShowCase

Nhật ký thay đổi

Release dateUpdate

Widget SDK User Guide

Widget SDK User Guide