Rəqəmsal nəşri öz veb saytınıza necə yerləşdirmək olar
iframe snippeti, icazə verilən domenlər siyahısı, heç kimin sizə xəbər vermədiyi hündürlük problemi və embedin 404 qaytarmasının bütün səbəbləri.
Rəqəmsal nəşri dərc etmək iki qərardır, bir deyil: necə oxunacağı və harada yaşayacağı. Əksər alətlər birinciyə möhtəşəm cavab verir və ikincini sizin üçün səssizcə qərarlaşdırır: kataloqunuz sizə məxsus olmayan bir səhifədə, sizin olmayan bir brend altında, hesab-faktura verə bilməyəcəyiniz auditoriya qarşısında bitir.
Bu bələdçi ikinci qərarla bağlıdır: oxuyucunu öz veb saytınızın içinə qoymaq — və təmiz embed ilə mobil telefonda xarab olan, CMS-iniz tərəfindən bloklanan və ya bir çərşənbə axşamı kimsə domain adını dəyişdiyi üçün 404 qaytaran embed arasındakı bir neçə detal.
Niyə yalnız link paylaşmaq əvəzinə yerləşdirmək
Hostinq platformasına link, həqiqətən, daha asandır. Heç nəyə başa gəlmir və on saniyə vaxt aparır. Yerləşdirmə on dəqiqəyə yaxın başa gəlir və sizə bunları qaytarır:
- Ziyarət. Trafik sizin URL-də qalır, orada navigasiyanız, əlaqə formunuz və məhsul düymələriniz də yaşayır. Link oxucuları sizin olmadığınız yerə göndərir.
- Kontekst. Embed məxsusu olduğu məhsul səhifəsinin birbaşa altında, iki məqalə arasında və ya müştəri layihəsinin səhifəsinin içində dayana bilər.
- Təqdimat. En, hündürlük, ətraf düzülüş, foldun üstündə və ya altında görünməsi.
Axtarışla bağlı vicdanlı bir qeyd: iframe içindəki məzmun səhifənizin məzmunu kimi etibarlı şəkildə qəbul edilmir. Axtarış mühərriklərinin mahiyyət görməsini istəyirsinizsə, səhifənin özünə həqiqi paraqraf və mündəricat yazın, yerləşdirilmiş oxuyucuya təcrübəni daşımaq vəzifəsini buraxın. Boş səhifəyə nəşr yerləşdirib reytinq gözləməyin.
Addım 1: həmin nəşr üçün yerləşdirməni aktivləşdirmək
Yerləşdirmə adətən hesab üçün deyil, nəşr üçün tənzimləmədir — və bu doğrudur: nəyin saytınızda görünə biləcəyinə siz, nəşr-nəşr, qərar verirsiniz.
Flipable-da bu, kataloqun detallar səhifəsindəki Embed enabled (Yerləşdirmə aktiv) düyməsidir. Söndürüldükdə həmin kataloqun embed URL-i hər yerdə 404 qaytarır: nəşr embargo altında olanda və ya götürüləndə istədiyiniz dəqiq davranış.
Nəşr həm də konvertasiyanı bitirmiş olmalıdır. Hələ emal olunan və ya uğursuz olmuş kataloq render olunmur — oxuyucu əvəzinə gözləmə mesajı görəcəksiniz.
Addım 2: onu yerləşdirəcək domaini siyahıya salmaq
Kod işləməzdən əvvəl domain qeydiyyatdan keçməli. Flipable workspace başına bir icazə siyahısı saxlayır Parametrlər → Domains & Embed → Allowed Domains altında, və oradan kənar istənilən domendən gələn iframe rədd edilir.
Uyğunluğun necə işlədiyinə dair bilməyə dəyər iki şey:
- Bir domain bütün subdomainlərini əhatə edir.
example.coməlavə etmək həm dəwww.example.com,shop.example.comvəstaging.example.com-a icazə verir. Əksər saytlar üçün deməli dəqiq bir qeydi lazımdır. - Uyğunluq kök domendədir, tam URL-də deyil.
blog.example.comvəexample.comeyni qeydidir;example.netbaşqadır. Beləliklə başqa kökdə olan kampaniya mikro-saytının öz qeydi olmalıdır.
Domain slotları plana görə məhduddur: Free, Starter və Pro-da biri, Growth-da ikisi, Business-da üçü. Üç və ya daha çox əlaqəsiz kök domendə dərc etməyi planlaşdırırsınızsa, bunu müştəri müqavilələri imzalamazdan əvvəl planlaşdırın — sonra deyil.
Addım 3: embed kodunu kopyalayıb HTML kimi yapışdırmaq
Hər kataloqun detallar səhifəsi embed aktivləşdiriləndə və token mövcud olanda hazır snippet verir:
<iframe src="https://flipable.co/embed/{TOKEN}/{CATALOG_ID}"
width="100%" height="600" frameborder="0" allowfullscreen></iframe>
Onu təmiz HTML qəbul edən bir yerə yapışdırın, formatlanmış mətn sahəsinə yox:
- WordPress: Custom HTML bloku
- Webflow: Embed elementi
- Shopify: Custom Liquid bölməsi
- Squarespace: Code bloku
- Əl ilə yazılmış sayt: body içində istənilən yer
CMS-iniz həm "vizual", həm "HTML" redaktə rejimi təklif edirsə, HTML rejimindən istifadə edin. Rich text redaktorları embedlərin səssizcə ölməsinin ən çox yayılmış səbəbidir: düz dırnaq işarələrini həvəslə tipoqrafik dırnaqlara çevirirlər və browser sonra zibili oxuyur.
Addım 4: kimsə telefonda açmamışdan əvvəl hündürlüyü düzəltmək
Atlanan addım budur — və oxucuların gördüyü də budur.
Yerləşdirilmiş səhifə sizin verdiyiniz hündürlüyü doldurur. height="600" olan iframe o deməkdir ki, oxuyucu 600 piksellik pəncərənin içində yaşayır: desktopda rahat, telefonda isə artıq sürüşən səhifənizin içində sürüşən qutuya çevrilir. Toxunma ekranda bir-biri ilə yarışan iki sürüşmə sahəsi həqiqətən pis təcrübədir; insanlar nəşri günahlandırır, konteyneri yox.
Daha möhkəm standart:
<iframe src="https://flipable.co/embed/{TOKEN}/{CATALOG_ID}"
title="Payız/qış kataloqu"
style="width:100%;height:clamp(500px,75vh,900px);border:0"
allowfullscreen></iframe>
clamp()telefonlara işlək pəncərə verir, desktopun böyüməsinə icazə verir və tabletin zəif bir zolaq almasının qarşısını alır.frameborderköhnəlib;border:0bu işin bu gün edilmə üsuludur.- Açıq
titletəyin edin. Bu, frame-in əlçatan adıdır və heç nəyə başa gəlmir. - Tam ekran landing üçün
height:100vhişləyir — amma sabit header-i hesablayın, ya da mobil brauzerin zolağının oxuyucunun altını yeməməsi üçün100dvh-ə keçin.
Sonra əhəmiyyətli birinə link göndərməmişdən əvvəl həqiqi telefonda, şaquli və üfüqi rejimdə baxın.
Addım 5: səhifədə harada yüklənəcəyinə qərar vermək
Əgər nəşr səhifənin varlıq səbəbidirsə, onu ilk ekrana qoyun və lazy yükləməyin. Əgər səhifəni dəstəkləyirsə — uzun məhsul təsvirinin içindəki texniki vərəqə — loading="lazy" əlavə edin ki, oraya qədər heç vaxt sürüşməyənlər onu heç vaxt yükləməsinlər.
Bilməyə dəyər bir nəticə: baxışlar oxuyucu həqiqətən yüklənəndə sayılır. Foldun altındaki lazy embed öz səhifəsindən az baxış göstərəcək, çünki ziyarətçilərin bir hissəsi heç vaxt oraya çatmadı. Bu sayım xətası deyil; davranış təsviridir. Embed-in performansını onun yaşadığı səhifənin sürüşmə dərinliyi ilə qiymətləndirin.
Nəşri əslində nə qoruyur
Üç mexanizm — və hər birinin dəqiq haraya qədər gedib çatdığını bilməyə dəyər:
- Təxmin etmək mümkün olmayan URL. Embed yolu workspace səviyyəli token daşıyır. Kimsə bir kataloqun embed ünvanını tapa bilməz; URL əməldə sirdir — belə də rəft edin və açıq forumlara yapışdırmayın.
- Domen siyahısı artı
frame-ancestors. Yalnız siyahıdakı hostlar nəşri çərçivəyə ala bilər; brauzer bunu sizin öz icazə domenlər siyahınızdan qurulan Content-Security-Policy vasitəsilə bilir, beləliklə icazəsiz yerləşdirmə sadəcə səhv görünmək əvəzinə uğursuz olur. - Kataloq başına söndürmə düyməsi. Embed-i söndürmək o nəşrin hər embed-ini, harada olmasından asılı olmayaraq, dərhal qırır. Bu sizin fövqəladə düymənizdir.
Və indi sərhəd, aydın deyilmiş kimi: icazə siyahısı paywall deyil. Embed URL-ini iframe içində deyil, birbaşa brauzer tabında açmaq mümkündür — domain yoxlaması kimin məzmununuzu çərçivəyə ala biləcəyi ilə məşğuldur, kimin onu oxuya biləcəyi ilə yox. Bir nəşr həqiqətən abunə arxasındadırsa, embed saxlayan səhifəni öz autentifikasiyanızla qoruyun. Alətin işi "bunu kim çərçivəyə ala bilər"də bitir; "bunu kim oxuya bilər" saytınızın işidir.
İşləmədikdə, bu sırayla yoxlayın
- Həmin kataloq üçün embed söndürülüb. Simptom: frame-də 404. Uzaqdan birinci səbəb.
- Sahiblik edən domain siyahıda yoxdur. Yerləşdirmə edən səhifədə, brauzerin ünvan sətrində dəqiq kök domeni yenidən oxuyun.
- Səhv kataloq ID-si və ya başqa workspace-dən kopyalanmış token. Bunlar uzun, qeyri-müəyyən sətirlərdir; ortasını yapışdırmaq asandır.
- Konvertasiya hələ davam edir və ya uğursuz olub. Simptom: kataloq səhifəsində gözləmə mesajı və ya xəta banneri.
- Öz saytınız frame-ləri bloklayır. Öz Content-Security-Policy-nizdəki ciddi
frame-src, ya da eyni işi görən təhlükəsizlik plugini üçüncü tərəfiframe-ləri bloklayacaq — özünüzünkünü də. - HTTPS uyğunsuzluğu. HTTPS oxuyucunu HTTP səhifəyə yerləşdirmək icazəlidir; əksinə brauzerlər şikayət etməyə başlayır. Sertifikatı düzəldin.
- CMS işarələməni korlayıb. Dərc olunmuş səhifənin mənbəyinə baxın və atributların hələ də düzgün dırnaqda olduğunu yoxlayın.
Uçuş əvvəli siyahısı
- Həmin konkret nəşr üçün embed aktiv
- Kök domen siyahıda (subdomainlər hədiyyə gəlir)
- Snippet HTML blokuna yapışdırılıb, rich text sahəsinə yox
- Frame-də
titleatributu təyin olunub - Hündürlük telefonda yoxlanılıb, şaquli və üfüqi
- Foldun altındakı embed-lər
loading="lazy"ilə - İndeksə düşməsini istəyirsinizsə səhifədə həqiqi mətn var
- Analytics növbəti gün yoxlanıb, növbəti rübdən sonra yox
Bir nəşrdə sınayın
Yerləşdirmənin saytınıza uyğun olub-olmadığını anlamanın ən sürətli yolu mövcud bir PDF-i prosesdən keçirməkdir — bir kataloq, bir domain, bir səhifə, telefonda yoxlanılmış. Məhz pulsuz planın forması budur: bir nəşr, kataloq başına 100 səhifə, bir embed domain, oxuyucuda kiçik bir "Powered by Flipable" nişanı. Nişan bizim reklamımızdır — planın bu qədər səxavətli olmasının səbəbi budur. Nişan müştəri işləriniz üçün problemə çevrilirsə, pullu planların tam olaraq qaldırdığı şey budur.
Digər yazılar
Öz interaktiv kataloqunuzu dərc etməyə hazırsınız?