Okurların tarifi tek dokunuşla alışveriş listesine çevirsin
Tarif sayfana iki satır kod ekle, altında bir “OrtakListe'ye ekle” düğmesi belirsin. Okur bastığında malzemeler hazır bir liste olarak açılır; istemediğini çıkarır, kodu evdekilerle paylaşır. Ücretsiz, üyeliksiz, reklamsız.
Dene
Menemen
2 kişilik · 15 dk
- 3 adet domates
- 2 adet sivri biber
- 4 adet yumurta
- 1 yemek kaşığı tereyağı
- Tuz
- Pul biber
Düğmeye bas: bu tarifin malzemeleri yeni sekmede hazır bir liste olarak açılır. “Listeyi oluştur”a basmadıkça hiçbir şey kaydedilmez.
Nasıl çalışır
Malzemeleri kendisi bulur
Düğme, sayfandaki tarif yapısal verisini (schema.org Recipe) okur. WP Recipe Maker, Tasty Recipes gibi eklentiler bunu zaten üretir; ek ayar gerekmez.
Okur listeyi gözden geçirir
Malzemeler ortakliste.app'te hazır bir liste olarak açılır. Okur evde olanların işaretini kaldırır, tek dokunuşla listeyi oluşturur.
Evdekilerle paylaşır
Oda kodunu ya da bağlantıyı gönderir; markete kim giderse aynı listeye bakar. Listenin notunda tarifinin adresi durur, okur sana geri döner.
Kurulum
Düğmenin görünmesini istediğin yere (genelde malzeme listesinin hemen altına) bu iki satırı yapıştır:
<div class="ortakliste-ekle"><a href="https://ortakliste.app">OrtakListe</a></div>
<script async src="https://ortakliste.app/ekle.js"></script>WordPress'te “Özel HTML” bloğu ya da tarif eklentisinin şablonu yeterli. Aynı sayfada birden çok düğme olabilir; betik bir kez yüklenir.
Ayarlar
- data-dil
- Düğme yazısının dili: tr, en, es, de ya da fr. Verilmezse sayfanın dili kullanılır.
- data-secici
- Sayfanda tarif yapısal verisi yoksa malzeme öğelerinin CSS seçicisi, ör. “.malzemeler li”.
- data-baslik
- Listenin adı. Verilmezse tarifin adı kullanılır.
- data-tarif
- Sayfada birden çok tarif varsa, düğmenin kullanacağı tarifin adı.
- data-gorunum
- “cizgi” verilirse dolgusuz, çerçeveli düğme çizilir.
Sık sorulan sorular
Ücretli mi?
Hayır. Düğme de OrtakListe de tamamen ücretsiz; reklam yok, kayıt yok.
Okurlarımın verisini topluyor mu?
Hayır. Betik çerez yazmaz, izleme yapmaz, hiçbir şey göndermez; yalnızca bir bağlantı çizer. Okur düğmeye basmadıkça ortakliste.app'e istek gitmez.
Siteyi yavaşlatır mı?
Hayır. Betik birkaç kilobayttır, eşzamansız (async) yüklenir ve sayfanın çizilmesini bekletmez. Düğme, sitenin stillerinden etkilenmesin diye ayrı bir kapsülde (Shadow DOM) çizilir.
Düğme görünmüyor, neden?
Betik malzeme bulamazsa düğmeyi çizmez ve tarayıcı konsoluna nedenini yazar. Çoğu zaman sayfada tarif yapısal verisi yoktur; o durumda data-secici ile malzeme listeni göster.