管理多個使用者設定檔

​

使用儀表板

​

建立新設定檔

​

切換到新設定檔

​

取得 Profile Key

​

邀請團隊成員

​

團隊成員狀態

​

團隊成員聯絡支援

​

重新啟用被停權的使用者設定檔

​

停權原因

1. 使用被停權使用者設定檔的 RefId 搜尋你的信箱
2. 電子郵件主旨會清楚指出發生了停權

​

重新啟用被停權的使用者設定檔

1. 登入儀表板並前往 User Profiles 頁面。
2. 點選「Suspended」分頁，或以電子郵件中所附的使用者設定檔 RefId 搜尋，以找到被停權的使用者設定檔。
3. 點選「Unsuspended」按鈕解除停權。
4. 檢閱並接受合規聲明。

​

管理已啟用的使用者設定檔

​

白牌連結帳號頁面

• 新增或移除公司 logo 並設定其高度。
• 選擇使用者可連結哪些社群網路。
• 設定頁面語言。
• 顯示你自己的說明連結或隱藏 Ayrshare 的說明連結。
• 針對各使用者設定檔設定頂部與副標題（例如客戶的名稱或商家）。
• 控制 Close 按鈕重新導向 回你的應用程式。
• 使用你自己的 HTML 自訂 Instagram 與 Telegram 對話框。

• 套用自訂 CSS 檔案 以控制顏色、字型與顯示的功能。
• 設定你自己的頁面標題、Close 按鈕文字與 favicon。
• 新增自訂頁尾文字或 HTML。

​

設定

​

連結頁面自訂選項的影片示範

​

限制使用者設定檔存取

​

限制主要設定檔的存取

​

限制團隊成員存取

​

更新社群連結頁面的 Logo

​

設定社群網路存取權

​

設定社群連結的語言

• 英文
• 簡體中文
• 法文
• 德文
• 西班牙文

• 翻譯 API 錯誤訊息回應
• 翻譯貼文

​

顯示頁面位置

​

說明連結可見性

​

用於警示的替代電子郵件

​

Instagram 登入

​

直接 Instagram 登入 vs Facebook 粉絲專頁驗證

​

直接 Instagram 登入的功能限制

• 品牌／使用者資料 - 無法透過 brand 端點擷取 Instagram 帳戶資訊。
• Hashtag 搜尋 - 無法在 Instagram 上搜尋 hashtag。
• 共同創作 - 無法邀請共同創作者參與 Instagram 貼文。
• 位置標記 - 無法為 Instagram 貼文加上位置標記。
• idId - 舊版 Instagram 使用者 ID - Instagram 社群分析不會回傳此欄位。

​

你應該選擇哪種方式？

• 啟用直接 Instagram 登入 如果你只需要基本的發文功能，且不需要上述進階功能。
• 停用直接 Instagram 登入（使用 Facebook 粉絲專頁驗證） 如果你需要存取所有 Instagram 功能，包括 hashtag 搜尋、共同創作、位置標記或品牌資料擷取。

​

自訂對話框

<div>
  <style>
    span.underline {
      color: blue;
      text-decoration: underline;
    }
    span.underline a {
      color: blue;
      text-decoration: none;
    }
  </style>

  <span class="underline">
    Everyone agrees that
    <a target="_blank" href="https://www.ayrshare.com">Ayrshare Rocks!</a>
  </span>
</div>

​

使用 API

​

建立與管理設定檔

​

取得 Profile Key

​

啟用訊息功能

​

Max Pack 自訂

​

自訂 CSS

​

CSS Class Hooks

.social-linking-page-column {
  max-width: none !important;
}

.social-account-icon {
  width: 24px !important;
  height: 24px !important;
}
.social-account-icon :is(svg, img) {
  width: 21px !important;
  height: 21px !important;
}

.social-account-card {
  --ayr-pill-bg: #1b3a2b;
  --ayr-pill-fg: #79bd96;
}

<div class="main-content">
  <div class="social-linking-page-column">
    <div class="social-linking-header">
      <div><img class="company-logo" /></div>
      <div>
        <h1 class="heading-social-accounts">…</h1>
        <div class="additional-info additional-info__body">…</div>
      </div>
    </div>
    <div class="social-accounts-grid">
      <div class="social-account-card-wrapper">
        <div>
          <!-- unnamed clickable wrapper, always the full width of the cell -->
          <div class="social-account-card unlinked-card" data-platform="tiktok">
            <div>
              <div class="social-account-icon">…</div>
              <div>
                <p class="social-account-name">TikTok</p>
                <p class="click-to-link">…</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      …
    </div>
    <div><button class="close-button">…</button></div>
  </div>
</div>

.social-linking-page-column {
  display: flex !important;
  flex-direction: column !important;
}
.social-linking-header {
  display: contents !important;
}
/* Your logo, the instruction block and the Close button each sit inside a
   further wrapper that has no name of its own. Flatten those too, or `order`
   below has nothing to compare. */
.social-linking-header > div,
.social-linking-page-column > div:has(> .close-button) {
  display: contents !important;
}

.company-logo {
  order: 0 !important;
}
.social-accounts-grid {
  order: 1 !important;
}
.close-button {
  order: 2 !important;
}
.additional-info {
  order: 3 !important;
}

​

Updating an Older Stylesheet

• 頁面自行產生的 class 名稱。 你可能從瀏覽器開發者工具複製而來的 class 名稱（例如以 chakra- 開頭的名稱）屬於頁面所使用的框架，並不屬於公開契約。那些 class 名稱已不存在，也沒有等效替代品可替換。請以上表中的選取器改寫該規則。
• 裸元素或屬性選取器，例如 div > div 或 button[type="button"]。頁面結構並非契約且已變更，因此從 .main-content 開始逐層計數的規則現在會落在與先前不同的元素上。這是版面規則看似沒作用或產生非預期結果最常見的原因。
• 透過計數元素抵達卡片 grid 的位置型規則。 在 grid 與 grid 格子還沒有名稱之前，抵達它們的唯一方式就是從 .main-content 開始逐層計數，使用如 .main-content > div、.main-content > div > div、.main-content > div > div > div 或 .main-content > div:not(.additional-info) 這類規則。這些規則仍會匹配到某些元素，這正是它們容易被忽略的原因：.main-content 仍然存在，但一張卡片現在位於它 五層之下，因此每條規則都落在偏離目標一兩層的位置。原本針對 grid 的規則可能落到包住頁首的 wrapper 上，而原本針對一張卡片的規則可能會一次調整所有卡片的大小。請改用現在已有的兩個名稱：以 .social-accounts-grid 對應 grid，以 .social-account-card-wrapper 對應承載單一卡片的格子。請參閱 變更卡片排版。
• 只對 flex 項目生效的規則：z-index、order、align-self、flex。 這類問題最難察覺，因為選取器仍會匹配，宣告本身也仍然有效——只是完全沒有作用。在較舊的頁面上，你的 logo、標題、說明區塊與 Close 按鈕都是 .main-content 的直接子元素，而你的樣式表把 .main-content 設為 flex 容器，所以它們每一個都是 flex 項目。flex 項目即使沒有 position 也會遵從 z-index，並會遵從 order 與 align-self。在重建後的頁面上，這四個元素都位於 wrapper 內，因此已不再是 flex 項目，這四個屬性也隨之對它們失效。 症狀通常是某個東西消失了，而不是位置跑掉。舉例來說，你 logo 上的 z-index 原本是把它抬到以 .main-content::before 繪製的固定頁首列之上——少了它，那條列會直接畫過 logo，讓 logo 看起來像完全不見了，即使它其實已正確載入且尺寸也對。 兩種修法皆可：
  /* 1. Give the element a position, so z-index applies on its own. */
  .company-logo {
    position: relative;
    z-index: 2;
  }
  
  /* 2. Or flatten the wrappers, which makes these elements flex items again
        and restores z-index, order and align-self together. This is the same
        recipe as Change the order of the page, above. */
  .social-linking-page-column {
    display: flex !important;
    flex-direction: column !important;
  }
  .social-linking-header {
    display: contents !important;
  }
  .social-linking-header > div,
  .social-linking-page-column > div:has(> .close-button) {
    display: contents !important;
  }
  
• .linked-tag。 較舊的頁面將此 class 加在已連結卡片的狀態徽章上。它並不屬於上述契約，這是刻意為之：已連結的卡片現在也可能顯示「Relink required」或「Identity check」，因此隱藏 .linked-tag 的規則會把使用者需要處理的警告一併隱藏。若你的樣式表隱藏了 .linked-tag 並自行畫上替代徽章，該替代品將不會出現。請改為對 .connected-card 本身設定樣式，並保留狀態徽章的可見性。

​

Target a Single Network

.social-account-card[data-platform="tiktok"] {
  /* ... */
}

​

Change the Card Layout

• .social-accounts-grid 是 grid 本身。它是一個會換行的 flex row，卡片之間的間距為它的 gap。使用它可調整該間距，或整個替換排版。
• .social-account-card-wrapper 是承載單一卡片的格子。它的 width 決定了每一列可容納多少張卡片，頁面會依螢幕尺寸設定該寬度。

.social-accounts-grid {
  gap: 24px !important;
}

.social-account-card-wrapper {
  width: 100% !important;
}

.social-accounts-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
}

.social-accounts-grid .social-account-card-wrapper {
  width: auto !important;
}

​

Example: Hide the Page Heading

h1.heading-social-accounts {
  display: none !important;
}

​

Example: Restyle Unconnected Cards as Buttons

/* Unconnected cards become outlined buttons. */
.social-account-card.unlinked-card {
  background-color: #ffffff !important;
  border-color: #4f46e5 !important;
  border-width: 2px !important;
  border-radius: 8px !important;
}

/* An !important rule also wins over the page's own hover styles,
   so restate the hover state you want. */
.social-account-card.unlinked-card:hover {
  background-color: #eef2ff !important;
  border-color: #4338ca !important;
}

/* The muted call to action becomes the button label. */
.social-account-card.unlinked-card .click-to-link {
  color: #4f46e5 !important;
  font-weight: 600 !important;
}

.social-account-card.unlinked-card {
  background-color: #4f46e5 !important;
  border-color: #4f46e5 !important;
}

.social-account-card.unlinked-card p {
  color: #ffffff !important;
}

​

變更頁面標題、Close 按鈕與 Favicon

​

頁尾文字

​

Enterprise 功能

​

Max Pack

​

自動重新同步 Facebook 與 Instagram 粉絲專頁

• 連結 Facebook 或 Instagram 粉絲專頁時可使用「Resync」選項。
• 啟用此功能後，所有先前連結的粉絲專頁都會自動重新連結至該使用者設定檔。
• 注意：只有先前已連結的粉絲專頁會被重新連結；新的粉絲專頁不會自動新增。
• 此功能支援最多 400 個粉絲專頁的 Facebook 帳戶。
• 對於超過 400 個粉絲專頁的帳戶，建議將粉絲專頁分散到多個 Facebook 帳戶。
• 最佳做法： 只在必要時使用「Resync」選項來重新連結所有粉絲專頁。日常操作中通常不需要此功能。

​

IP 白名單

​

技術與安全審查

​

專屬客戶管理與優先支援

​

自訂 API 端點