LORDİZ.COM - PAYLAŞMAK GÜZELDİR! | DESTEKLERİNİZ İÇİN TEŞEKKÜRLER!
İletişim | Hakkımda | Gizlilik Politikası | Privacy Policy
Minnetle, Sevgiyle Anıyoruz!
Yazıya Yorum Gönder!

Google AMP Sayfalarına Sosyal Paylaşım Butonları Eklemek! - web-master

2016 senesi içinde Google AMP için detaylıca bir yazı yayınlamıştım ve orada sosyal paylaşım butonlarından da bahsetmiştim. Fakat o zamanlar sistem şimdiki gibi kararlı değildi ve şuan kapalı olan Google Plus, o zamanlar hala açık idi. Bu sebeple konuyla alakalı bir güncelleme yapmam ve konuyu ayrıca ele almam gerektiğini düşündüm.

AMP Sayfalarına Paylaş Butonları Eklemek!

Peki nasıl yaparız? Genelde amp kodlamaları aynı olduğundan başta WordPress olmak üzere çoğu sistemde yöntem aynen şöyle;

AMP temanızda yer alan header.php yada html-start.php ve single.php dosyalarını bilgisayara çeker, notepad++ ile açarsınız.

header.php yada html-start.php‘de uygun konuma şu kodu eklersiniz;

<script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>

Ve single.php dosyasına da şu kodu eklersiniz;

<div> 
<amp-social-share type="twitter" 
width="60" 
height="44"> 
</amp-social-share> 
<amp-social-share type="email" 
width="60" 
height="44"></amp-social-share> 
<amp-social-share type="facebook" 
width="60" 
height="44" 
data-param-app_id="xxxxxxxxx">
</amp-social-share> 
</div>

Ama önce Facebook geliştirici sitesinden app id almamız gerektiğinden bu sayfadan bir sıradan app oluşturur ve o app’ın kodunu yukarıda data-param-app_id=”xxxxx” yazan yerde x’lerin yerine kaydederiz.

Her şeyi doğru olarak yaptığınızda amp sayfalarınızda 3 sosyal paylaşım butonu görüntülenmeye başlar.

Google AMP Sayfalarına Sosyal Paylaşım Butonları Eklemek! - web-master

İşlem tamam.

Uyarı: Eğer Facebook’dan app id almazsanız Facebook paylaş butonu hata verir.

Yazıyı beğendiyseniz Facebook, Twitter ve Linkedin üzerinde paylaşabilir, sitemizi sık kullanılanlarınıza (Ctrl+D) ekleyebilirsiniz! Teşekkür ederim!



Bu yazı 1 Haziran 2019 tarihinde yayımlanmıştır.


Üyeliksiz Yorum Bırak

Sorularınıza gelen cevapları görmek için sayfayı CTRL+D tuşları ile Yer İmlerine eklemeyi unutmayın.


2008 © 2019