Quản lý nhiều Profile Người dùng

​

Sử dụng Dashboard

​

Tạo một Profile mới

​

Chuyển sang Profile mới

​

Lấy Profile Key

​

Mời một Thành viên trong Đội

​

Trạng thái Thành viên Đội

​

Thành viên Đội liên hệ Hỗ trợ

​

Kích hoạt lại một Profile Người dùng bị Tạm ngưng

​

Lý do Tạm ngưng

1. Tìm kiếm hộp thư đến của bạn bằng cách sử dụng RefId của Profile Người dùng bị tạm ngưng
2. Chủ đề email sẽ chỉ rõ đã xảy ra việc tạm ngưng

​

Kích hoạt lại một Profile Người dùng bị Tạm ngưng

1. Đăng nhập vào Dashboard và đi đến trang User Profiles.
2. Tìm các Profile Người dùng bị tạm ngưng bằng cách nhấp vào tab “Suspended” hoặc tìm kiếm theo RefId của Profile Người dùng, được bao gồm trong email.
3. Bỏ tạm ngưng Profile Người dùng bằng cách nhấp vào nút “Unsuspended”.
4. Xem xét và chấp nhận chứng nhận tuân thủ.

​

Quản lý các Profile Người dùng đang Hoạt động

​

White-Label trang Kết nối Tài khoản

• Thêm hoặc xóa logo công ty của bạn và đặt chiều cao của nó.
• Chọn mạng xã hội nào người dùng của bạn có thể kết nối.
• Đặt ngôn ngữ trang.
• Hiển thị các liên kết trợ giúp của riêng bạn hoặc ẩn liên kết của Ayrshare.
• Đặt tiêu đề trên và tiêu đề phụ cho mỗi Profile Người dùng (ví dụ tên hoặc doanh nghiệp của khách hàng).
• Kiểm soát chuyển hướng nút Close quay lại ứng dụng của bạn.
• Tùy chỉnh modal Instagram và Telegram với HTML của riêng bạn.

• Áp dụng tệp CSS tùy chỉnh để kiểm soát màu sắc, phông chữ và tính năng nào hiển thị, sử dụng các class hook được tài liệu hóa để thiết kế lại chính các nút kết nối.
• Tô màu các hộp thoại liên kết — bộ chọn trang, biểu mẫu thông tin đăng nhập và các xác nhận — để khớp với trang của bạn.
• Đặt tiêu đề trang, văn bản nút Close và favicon của riêng bạn.
• Thêm văn bản chân trang tùy chỉnh hoặc HTML.

​

Cài đặt

​

Demo Video về Tùy chọn Tùy chỉnh trang Liên kết

​

Hạn chế Truy cập Profile Người dùng

​

Hạn chế Truy cập Primary Profile

​

Hạn chế Truy cập Thành viên Đội

​

Cập nhật Logo trên trang Liên kết Mạng xã hội

​

Đặt Quyền Truy cập Mạng xã hội

​

Đặt Ngôn ngữ cho Liên kết Mạng xã hội

• Tiếng Anh
• Tiếng Ả Rập
• Tiếng Trung (Giản thể)
• Tiếng Pháp
• Tiếng Đức
• Tiếng Ý
• Tiếng Nhật
• Tiếng Bồ Đào Nha
• Tiếng Tây Ban Nha

• Dịch các Phản hồi Thông báo Lỗi API
• Dịch một Bài đăng

​

Hiển thị Vị trí Trang

​

Hiển thị Liên kết Trợ giúp

​

Email Thay thế cho Cảnh báo

​

Đăng nhập Instagram

​

Đăng nhập Instagram Trực tiếp vs Xác thực Trang Facebook

​

Hạn chế Tính năng với Đăng nhập Instagram Trực tiếp

• Dữ liệu Thương hiệu/Người dùng - Không thể truy xuất thông tin tài khoản Instagram thông qua các điểm cuối thương hiệu.
• Tìm kiếm Hashtag - Không thể tìm kiếm hashtag trên Instagram.
• Cộng tác - Không thể mời cộng tác viên vào các bài đăng Instagram.
• Gắn thẻ Vị trí - Không thể thêm thẻ vị trí vào các bài đăng Instagram.
• idId- ID Người dùng Instagram Legacy - trường không được trả về cho phân tích mạng xã hội Instagram.

​

Bạn nên chọn Phương pháp nào?

• Bật Đăng nhập Instagram Trực tiếp nếu bạn chỉ cần chức năng đăng bài cơ bản và không yêu cầu các tính năng nâng cao được liệt kê ở trên.
• Tắt Đăng nhập Instagram Trực tiếp (sử dụng xác thực Trang Facebook) nếu bạn cần truy cập vào tất cả các tính năng Instagram, bao gồm tìm kiếm hashtag, cộng tác, gắn thẻ vị trí hoặc truy xuất dữ liệu thương hiệu.

​

Modal Tùy chỉnh

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

span.underline {
  color: blue;
  text-decoration: underline;
}
span.underline a {
  color: blue;
  text-decoration: none;
}

​

Sử dụng API

​

Tạo và Quản lý Profile

​

Lấy Profile Key

​

Bật Nhắn tin

​

Tùy chỉnh Max Pack

​

Tùy chỉnh 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;
}

​

Linking Dialog Colors

:root {
  --ayr-dialog-backdrop: rgba(10, 10, 10, 0.66);
  --ayr-dialog-bg: #161616;
  --ayr-dialog-fg: #e7eae6;
  --ayr-dialog-muted-fg: #9aa0a6;
  --ayr-dialog-border: #262626;
  --ayr-dialog-radius: 22px;
  --ayr-dialog-accent: #79bd96;
  --ayr-dialog-input-bg: #0f0f0f;
  --ayr-dialog-input-fg: #e7eae6;
  --ayr-dialog-input-border: #3a3a3a;
}

​

Cập nhật một Biểu định kiểu Cũ hơn

• Các tên class được tạo tự động của trang. Các tên class bạn có thể đã sao chép từ công cụ dành cho nhà phát triển trình duyệt (ví dụ bất cứ thứ gì bắt đầu bằng chakra-) thuộc về framework mà trang được xây dựng, không phải một hợp đồng công khai. Những tên class đó không còn tồn tại và không có tương đương để thay vào. Hãy viết lại quy tắc dựa trên các selector trong các bảng ở trên.
• Các selector phần tử hoặc thuộc tính thuần chẳng hạn như div > div hoặc button[type="button"]. Cấu trúc của trang không phải là một hợp đồng và đã thay đổi, nên một quy tắc đếm cấp xuống từ .main-content giờ đây rơi vào một phần tử khác so với trước. Đây là lý do phổ biến nhất khiến một quy tắc bố cục có vẻ không làm gì, hoặc làm điều gì đó không mong đợi.
• Các quy tắc dựa vào vị trí đã đếm các phần tử để đến lưới thẻ. Trước khi lưới và các ô có tên, cách duy nhất để đến chúng là đếm cấp xuống từ .main-content, sử dụng các quy tắc có dạng như .main-content > div, .main-content > div > div, .main-content > div > div > div hoặc .main-content > div:not(.additional-info). Những quy tắc đó vẫn khớp với một cái gì đó, đó là lý do chúng dễ bị bỏ sót: .main-content vẫn còn đó, nhưng một thẻ giờ nằm năm cấp dưới nó, nên mỗi quy tắc rơi lệch một hoặc hai cấp so với mục tiêu. Một quy tắc nhắm vào lưới có thể kết thúc trên wrapper giữ tiêu đề trang, và một quy tắc nhắm vào một thẻ có thể kết thúc bằng việc thay đổi kích thước mọi thẻ cùng lúc. Hãy thay thế chúng bằng hai tên giờ đây đã tồn tại cho điều này: .social-accounts-grid cho lưới, và .social-account-card-wrapper cho ô giữ một thẻ. Xem Thay đổi Bố cục Thẻ.
• Các quy tắc chỉ có tác dụng trên một flex item: z-index, order, align-self, flex. Đây là những quy tắc khó phát hiện nhất, vì selector vẫn khớp và khai báo vẫn hợp lệ — nó đơn giản là không có hiệu lực. Trên trang cũ hơn, logo, tiêu đề, khối hướng dẫn và nút Close của bạn là con trực tiếp của .main-content, mà biểu định kiểu của bạn đã biến thành một flex container, nên mỗi cái trong số đó đều là một flex item. Một flex item tôn trọng z-index ngay cả khi không có position, và tôn trọng order và align-self. Trên trang được xây dựng lại, bốn phần tử đó nằm bên trong các wrapper, nên chúng không còn là flex item và cả bốn thuộc tính đều ngừng áp dụng cho chúng. Triệu chứng thường là một thứ gì đó biến mất chứ không phải di chuyển. Ví dụ, một z-index trên logo của bạn là thứ đã từng nâng nó lên trên một thanh header cố định được vẽ bằng .main-content::before — không có nó, thanh header vẽ đè thẳng lên logo và logo trông có vẻ như bị thiếu hoàn toàn, mặc dù nó đã tải đúng cách và có kích thước đúng. Có hai cách sửa, cách nào cũng được:
  /* 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. Trang cũ hơn đặt cái này trên các huy hiệu trạng thái của một thẻ đã kết nối. Nó không phải là một phần của hợp đồng ở trên, một cách có chủ ý: một thẻ đã kết nối giờ cũng có thể hiển thị “Relink required” hoặc “Identity check”, nên một quy tắc ẩn .linked-tag sẽ ẩn một cảnh báo mà người dùng của bạn cần hành động. Nếu biểu định kiểu của bạn ẩn .linked-tag và vẽ một huy hiệu thay thế của riêng nó, phần thay thế sẽ không xuất hiện. Thay vào đó hãy định kiểu chính .connected-card, và để các huy hiệu trạng thái hiển thị.

​

Nhắm Mục tiêu đến một Mạng xã hội Cụ thể

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

​

Thay đổi Bố cục Thẻ

• .social-accounts-grid là chính lưới. Nó là một flex row có bọc dòng, và khoảng cách giữa các thẻ là gap của nó. Sử dụng nó để thay đổi khoảng cách đó, hoặc để thay thế hoàn toàn bố cục.
• .social-account-card-wrapper là ô giữ một thẻ. width của nó là điều quyết định số lượng thẻ vừa mỗi hàng, và trang đặt độ rộng đó theo từng kích cỡ màn hình.

.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;
}

​

Ví dụ: Ẩn Tiêu đề Trang

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

​

Ví dụ: Thiết kế lại Thẻ Chưa kết nối thành Nút

/* 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;
}

​

Thay đổi Tiêu đề Trang, Nút Close và Favicon

​

Văn bản Chân trang

​

Tính năng Enterprise

​

Max Pack

​

Tự động Đồng bộ lại các Trang Facebook và Instagram

• Tùy chọn “Resync” có sẵn khi kết nối các trang Facebook hoặc Instagram.
• Bằng cách bật tính năng này, tất cả các trang đã kết nối trước đó sẽ được tự động liên kết lại với profile người dùng.
• Lưu ý: Chỉ các trang đã liên kết trước đó mới được kết nối lại; các trang mới sẽ không được thêm tự động.
• Tính năng này hỗ trợ các tài khoản Facebook với tối đa 400 trang.
• Đối với các tài khoản vượt quá 400 trang, khuyến nghị phân phối các trang trên nhiều tài khoản Facebook.
• Thực tiễn Tốt nhất: Chỉ sử dụng tùy chọn “Resync” khi cần thiết để kết nối lại tất cả các trang. Đối với các hoạt động thường xuyên, nói chung không cần thiết.

​

White List IP

​

Đánh giá Kỹ thuật và Bảo mật

​

Quản lý Tài khoản Chuyên dụng với Hỗ trợ Ưu tiên

​

Điểm cuối API Tùy chỉnh