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

google amp - Google AMP Sayfalarına Sosyal Paylaşım Butonları Eklemek!

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="whatsapp" > </amp-social-share>
<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.

sosyal paylasim amp - Google AMP Sayfalarına Sosyal Paylaşım Butonları Eklemek!

İşlem tamam.

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

– Reklamlar –