Belgeleme: <amp-social-share> - amp.dev
Önceden yapılandırılmış sağlayıcılar
Paylaşım izleme özelliği geliştirme aşamasındadır.
Bir sosyal paylaşım düğmesi görüntüler.
Desteklenen Düzenler container, fill, fixed, fixed-height, flex-item, nodisplay, responsive
Örnekler Örneklerle AMP amp-social-share örneği sayfasına bakın.
amp-social-share bileşeni, çeşitli sosyal platform sağlayıcıları için bir sosyal paylaşım düğmesi görüntüler.
Örnek: Temel sosyal paylaşım düğmesi
Paylaşım düğmesi, sizin adınıza önceden yapılandırılmış sağlayıcıların bazılarını içeren bazı varsayılanlar tahmin eder. Geçerli doküman standart URL'sinin paylaşmak istediğiniz URL ve sayfa başlığının, paylaşmak istediğiniz metin olduğunu varsayar.
Örnek: Parametreleri geçirme
Parametreleri paylaşım uç noktasına geçirmek istediğinizde, paylaşım uç noktasına eklenecek data-param-<attribute> değerini belirtebilirsiniz.
Linkedin önceden yapılandırılmış sağlayıcılardan biridir; dolayısıyla, data-share-endpoint özelliğini sağlamanız gerekmez.
type (gerekli) Bir sağlayıcı türü seçer. Bu, hem önceden yapılandırılmış hem de yapılandırılmamış sağlayıcılar için gereklidir.
data-target Hedefin içinde açılacağı hedefi belirtir. iOS'te e-posta/SMS dışındaki tüm durumlar için _blank varsayılan ayardır; e-posta/SMS durumunda hedef _top değerine ayarlanır. Bu geçersiz kılmayı yalnızca e-posta için kullanmanızı önerdiğimizi lütfen unutmayın.
data-share-endpoint Bu özellik, yapılandırılmamış sağlayıcılar için gereklidir.
Bazı popüler sağlayıcıların önceden yapılandırılmış paylaşım uç noktaları vardır. Ayrıntılar için Önceden Yapılandırılmış Sağlayıcılar bölümüne bakın. Yapılandırılmamış sağlayıcılar için paylaşım uç noktasını belirtmeniz gerekir.
data-param- data-param- önekli tüm özellikler URL parametrelerine dönüştürülür ve paylaşım uç noktasına geçirilir.
amp-social-share bileşeni, bazı varsayılan parametrelerin yanı sıra kendi paylaşım uç noktalarını bilen bazı önceden yapılandırılmış sağlayıcılar sunar.
Web Paylaşımı API'si (OS paylaşım iletişim kutusunu tetikler) sistem
data-param-text: isteğe bağlı, varsayılan değeri: "Geçerli sayfa başlığı"
data-mode: isteğe bağlı, replace değerine ayarlanırsa diğer tüm paylaşım seçenekleri kaldırılır.
data-param-subject: isteğe bağlı, varsayılan değeri: Geçerli sayfa başlığı
data-param-body: isteğe bağlı, varsayılan değeri: rel=canonical URL'si
data-param-recipient: isteğe bağlı, varsayılan değeri: '' (boş dize)
data-param-app_id: gerekli , varsayılan değeri: none. Bu parametre, Facebook Paylaşımı iletişim kutusu için gerekli olan Facebook app_id bilgisidir.
data-param-href: isteğe bağlı, varsayılan değeri: rel=canonical URL'si
data-param-quote: isteğe bağlı. Bir alıntıyı veya metni paylaşmak için kullanılabilir.
data-param-url: isteğe bağlı, varsayılan değeri: rel=canonical URL'si
data-param-media: isteğe bağlı (ancak ayarlanması önemle tavsiye edilir), varsayılan değeri: none. Pinterest'te paylaşılacak medyanın URL'si. Ayarlanmazsa son kullanıcının Pinterest aracılığıyla bir medya yüklemesi istenir.
data-param-description: isteğe bağlı, varsayılan değeri: Geçerli sayfa başlığı
data-param-text: isteğe bağlı, varsayılan değeri: Geçerli sayfa başlığı
data-param-text: isteğe bağlı, varsayılan değeri: "Geçerli sayfa başlığı - geçerli sayfa URL'si"
data-param-body: isteğe bağlı, varsayılan değeri: rel=title - rel=canonical URL'si
Önceden yapılandırılmış sağlayıcılara ek olarak, amp-social-share bileşeninde ek özellikler belirterek yapılandırılmamış sağlayıcıları da kullanabilirsiniz.
Örnek: Yapılandırılmamış bir sağlayıcı için paylaşım düğmesi oluşturma
Aşağıdaki örnekte, data-share-endpoint özelliğinin Facebook Messenger özel protokolü için doğru uç noktaya ayarlanmasıyla Facebook Messenger üzerinden bir paylaşım düğmesi oluşturulmaktadır.
Bu sağlayıcılar önceden yapılandırılmadığından, sağlayıcı için uygun düğme resmini ve stillerini oluşturmanız gerekir.
Varsayılan olarak, amp-social-share bileşeni bazı popüler önceden yapılandırılmış sağlayıcıları içerir. Bu sağlayıcıların düğmeleri, sağlayıcının resmi rengi ve logosuyla şekillendirilmiştir. Varsayılan genişlik 60 piksel ve varsayılan yükseklik 44 pikseldir.
AMP sayfalarınızda kullanabileceğiniz duyarlı, önceden şekillendirilmiş paylaşım bağlantıları için AMP Start sayfasını ziyaret edin.
Bazen kendi stilinizi sağlamak istersiniz. Bunun için sağlanan stilleri aşağıda gösterilen şekilde geçersiz kılabilirsiniz:
<amp-social-share> öğesinde genel AMP değişkeni değişikliklerini kullanabilirsiniz. Aşağıdaki örnekte, TITLE değişkeni, doküman başlığı ve CANONICAL_URL değişkeni, dokümanın standart URL'si ile değiştirilmiştir.
AMP doğrulayıcı spesifikasyonundaki amp-social-share kurallarına bakın.