如何使用社交關注組件？

一、什麼是社交關注組件？

社交關注組件是一個展示企業在社交平台上註冊的賬號的模塊，以社交平台圖標的形式展示，社交平台包括：Facebook、Google+、LinkedIn、新浪微博、Twitter、YouTube、Instagram、Pinterest、Youku、微信。訪客單擊圖標即可關注企業在社交平台上註冊的賬號。社交關注組件一般放在網站頁頭或頁腳位置，社交關注組件支持多種風格（圖標原始色、灰色系、黑色系）、支持設置社交關注圖標的大小（支持24px、32px、48px、64px多種圖標大小）、支持多種圖標形狀（方形、圓角、圓形）。通過社交關注組件，能夠吸引更多的訪客關注我們，了解我們在各個主流社交平台上的最新動態。

二、如何使用社交關注組件？

1、如何查看社交關注組件是否已經存在？

如果社交關注組件已經存在了，就不需要再添加，直接根據需要進行相關操作就可以（具體操作見下文所述）；

如果你的頁面上需要這個組件，但是還沒有添加，就需要先添加社交關注組件了；怎麼判斷頁面上有沒有這個組件？單擊查看如何查看某一塊內容是使用什麼組件製作的？

2、如何添加社交組件？

在頁面上添加組件的方法都是一樣的，單擊查看如何添加組件？

添加的組件名稱為“社交關注”，如下圖1所示：

圖1：

3、如何設置社交關注組件？

3.1 進入組件的“設置”分兩種場景

1）此組件已經添加好的場景：進入所有這類組件設置項方法都是一樣的，可以參考這個攻略：如何進入組件的設置項？

2）新添加的組件的場景：在添加此組件時會彈出這個組件的的設置話框。

3.2 在組件設置中設置組件的內容

組件標題：根據需要來填寫，填寫則顯示，不填寫不顯示也不佔位置；

管理圖標：單擊下圖2右上角的“管理圖標”按鈕，可以選擇要展示的圖標以及拖拽對這些圖標排序，選好之後保存，默認顯示的是各社交平台的地址，需要把這些地址替換為企業在社交平台上的主頁地址，當然，前提需要註冊一個社交平台賬號並且完善好主頁。

圖2：

3.3在組件的設置中可以設置組件的風格（如圖3）

選擇圖標風格：支持豐富多樣的圖標風格，如圖標原始色系、灰色系、黑色系，前7種風格是固定在頁面上某一個位置，第8、9、10種風格是懸浮在頁面左側或右側的，根據需要選擇左側或右側即可。

選擇圖標形狀：圖標支持直角正方形、圓角正方形、圓形三種形狀，根據需要選擇即可；

選擇排版樣式：根據需要選擇排版樣式即可。默認：只有圖標，沒有文字。字在右：在圖標的右邊顯示社交名稱。字在下：在圖標的下邊顯示社交名稱。字在上：鼠標移到圖標上，圖標上方顯示社交名稱。

選擇圖標大小：圖標支持24px、32px、48px、64px四種大小，根據需要選擇即可。

圖3：

3.4在組件的設置中可以設置組件的特效（如圖4）

鼠標懸停圖片旋轉特效：支持設置鼠標懸停在圖片上時的旋轉特效，根據需要選擇即可。

圖4：

3.5保存組件設置中的內容

此組件的內容、風格、特效設置好以後，單擊保存，如下圖5所示。

圖5：

4、保存、預覽、發布

設置好以上內容以後要單擊頁面右上角的“保存”按鈕，目的是把此修改保存到網站後台；

然後可以單擊“預覽”按鈕查看不同終端下展示的效果，如果不合適可以到後台再做修改；

如果需要讓訪客也看到，請單擊頁面右上角的“發布”按鈕，發布之後稍等兩分鐘左右即可看網站前台展示效果。

三.組件優化

1.社交關注組件添加了新浪微博後支持可以修改顯示的文字； （2017-6-1優化）

（1）新增功能應用場景：在添加新浪微博後，支持修改顯示文字，滿足英文版新浪微博的需求；

（2）新增功能操作方法：

2、社交關注組件新增白色風格。 （2018-8-28優化）

【應用場景】當用戶的網站使用彩色背景色的頁腳時，可以使用新增的白色風格分享組件和社交關注組件，提高頁腳的美觀度和協調性。

【操作方式】登陸進入領動雲-》編輯網站-》分享組件/社交關注組件設置-》風格-》選擇新增的白色風格。

風格效果如下所示：