Untuk membuat sepanduk pintar, anda perlu menambah suapan - fail dengan maklumat tentang produk dan perkhidmatan. Direct akan menganalisis kandungan suapan dan menjana sepanduk pintar secara automatik dengan tawaran produk untuk dipaparkan pada rangkaian. Anda boleh menggunakan suapan yang dimuatkan semasa membuat iklan dinamik.
Jenis perniagaan dan suapan
Untuk memuatkan suapan anda, anda perlu memilih jenis perniagaan yang anda iklankan.
Jenis suapan | Jenis perniagaan | Untuk apa |
---|---|---|
Suapan Yandex.Market (XML) | Runcit | Jualan elektronik dan aksesori, perkakas rumah, peralatan industri, pakaian, perabot, produk berkebun, barangan sukan, bahan binaan, produk kanak-kanak, tayar dan roda, kosmetik, minyak wangi, dsb. |
suapan "Hotel dan rumah sewa" Google Ads(CSV) | Hotel | Tempahan hotel |
Suapan Auto.ru (XML) | kereta | Jualan kereta baru dan terpakai |
Suapan Yandex.Real Estate (XML) | Hartanah | Jualan hartanah kediaman |
Suapan Penerbangan Google Ads (CSV) | Penerbangan | Jualan tiket syarikat penerbangan |
Suapan universal (CSV) | Perniagaan lain | Produk dan perkhidmatan tidak sesuai untuk jenis perniagaan lain |
Suapan Yandex.Market (XML) | ||
Suapan Tersuai Google Ads (CSV) | ||
Suapan Perjalanan Google Ads (CSV) | Penjualan lawatan, tiket kereta api, feri, dsb. |
Tawaran produk yang tidak diterangkan mengikut jenisnya akan ditolak.
Keperluan suapan
Mana-mana dokumen XML hanya boleh mengandungi satu elemen akar. Format YML menggunakan elemen sebagai akar
- Jenis penerangan ringkas
- Jenis perihalan tersuai (vendor.model)
Jenis penerangan yang asas dan lebih ringkas.
Contoh:
Atribut Elemen
Elemen yang termasuk dalam
unsur | Penerangan |
---|---|
nama | Nama produk yang ditawarkan. Adalah disyorkan untuk menunjukkan nama dan kod pengilang dalam tajuk cadangan yang dipermudahkan. Elemen yang diperlukan. |
url | URL halaman produk. Elemen yang diperlukan. |
gambar | |
harga | |
mata wangId | |
model | |
vendor | Pengeluar. |
Kod vendor | |
penerangan | |
kategoriId | |
kategori_pasaran | |
kedai | |
pickup | |
penghantaran | |
harga lama | |
nota_jualan | Maklumat mengenai pesanan: |
Waranti Pengilang | Ketersediaan jaminan: |
negara asal | Negara asal produk. |
dewasa | |
umur | |
boleh dimuat turun | Kemungkinan untuk memuat turun produk: benar - produk boleh dimuat turun; palsu - produk tidak boleh dimuat turun. |
Jenis perihalan ini adalah yang paling mudah dan universal; ia disyorkan untuk menerangkan produk daripada kebanyakan kategori.
Contoh:Atribut Elemen
Atribut | Penerangan |
---|---|
ID | ID produk. Atribut yang diperlukan. |
menaip | Atribut yang diperlukan. |
tersedia | Kemungkinan untuk membeli barang:
|
Atribut | Penerangan |
---|---|
ID | ID produk. Atribut yang diperlukan. |
menaip | Jenis penerangan tawaran. Nilainya mestilah vendor.model . Atribut yang diperlukan. |
tersedia | Kemungkinan untuk membeli barang:
|
Elemen yang termasuk dalam
unsur | Penerangan |
---|---|
url | URL halaman produk. Elemen yang diperlukan. |
gambar | Elemen yang mesti ada untuk sepanduk pintar. |
harga | Harga di mana produk ini boleh dibeli. |
mata wangId | Kod mata wang (RUB, USD, UAH, KZT). Elemen yang diperlukan jika terdapat elemen harga. |
model | Elemen yang diperlukan. |
vendor | Pengeluar. Elemen yang diperlukan. |
Kod vendor | Kod produk (kod pengilang ditunjukkan). |
penerangan | Penerangan tentang tawaran produk. |
jenisAwalan | |
kategoriId | Elemen yang diperlukan. unsur |
kategori_pasaran | |
kedai | Kemungkinan untuk membeli barangan di kedai runcit: benar - produk boleh dibeli di kedai runcit; palsu - tidak ada kemungkinan untuk membeli di kedai runcit. |
pickup | Kemungkinan mengambil sendiri dari tempat isu: benar - barang boleh diambil sendiri; palsu - tidak ada kemungkinan untuk mengambil sendiri. |
penghantaran | Kemungkinan penghantaran barang melalui kurier: benar - penghantaran kurier adalah mungkin; palsu - produk tidak boleh dihantar melalui kurier. |
harga lama | Harga lama produk, yang mesti lebih tinggi daripada harga baru. |
nota_jualan | Maklumat mengenai pesanan: jumlah pesanan minimum, kuantiti minimum barang, keperluan untuk bayaran pendahuluan; pilihan pembayaran, penerangan tentang promosi dan jualan. |
Waranti Pengilang | Ketersediaan jaminan: benar - produk mempunyai jaminan rasmi; palsu - produk tidak mempunyai jaminan rasmi. |
negara asal | Negara asal produk. |
dewasa | |
umur | |
boleh dimuat turun | Kemungkinan untuk memuat turun produk: benar - produk boleh dimuat turun; palsu - produk tidak boleh dimuat turun. |
Hotel: suapan Hotel & Sewaan Google Ads
suapan "Hotel dan rumah sewa" Format CSV Google Ads mesti digunakan untuk jenis perniagaan Hotel. Baris pertama mengandungi nama lajur, dan baris seterusnya mengandungi data itu sendiri. Kandungan lajur dipisahkan dengan koma. Data dalam suapan mestilah dalam pengekodan UTF-8.
unsur | Penerangan |
---|---|
ID hotel. Elemen yang diperlukan. |
|
Nama hotel. Elemen yang diperlukan. |
|
URL halaman tawaran. Elemen yang diperlukan. |
|
Nama destinasi | Elemen yang diperlukan. |
Elemen yang mesti ada untuk sepanduk pintar. |
|
harga | |
unsur | Penerangan |
---|---|
ID hotel. Elemen yang diperlukan. |
|
Nama hotel. Elemen yang diperlukan. |
|
URL halaman tawaran. Elemen yang diperlukan. |
|
Nama destinasi | Lokasi hotel (maks. 25 aksara). Elemen yang diperlukan. |
Elemen yang mesti ada untuk sepanduk pintar. |
|
harga | Tawaran harga. Nombor dan kod mata wang (RUB, USD, UAH, KZT). Gunakan noktah (.) sebagai pemisah perpuluhan. |
Bilangan bintang. Integer dari 1 hingga 5. |
|
Penilaian pengguna, nombor. Gunakan noktah (.) sebagai pemisah perpuluhan. |
|
Skor maksimum yang mungkin, integer. Lalai ialah 5. |
|
Perkhidmatan hotel. Nyatakan nilai yang dipisahkan dengan koma bertitik: bar;pool;Wi-Fi percuma |
Catatan. Nilai yang mengandungi koma mesti disertakan dalam tanda petikan (\"\"). Contohnya, \"Moscow, pusat\".
Kereta: suapan Auto.ru
Suapan XML Auto.ru hendaklah digunakan untuk jenis perniagaan Automobil. Data dalam suapan mestilah dalam pengekodan UTF-8.
Senarai tawaran hartanah pengiklan terkandung dalam elemen tersebut
Dalam satu suapan anda boleh menghantar maklumat tentang kompleks kediaman yang berbeza daripada pemaju yang berbeza. Untuk melakukan ini, nyatakan dalam setiap
Perhatian.
Kami tidak menerima suapan hartanah sewaan.
Contoh:
Atribut Elemen
Elemen yang termasuk dalam
Jadual di bawah menerangkan elemen suapan yang digunakan untuk membuat sepanduk pintar atau iklan dinamik.
unsur | Penerangan |
---|---|
menaip | Jenis transaksi. Maksudnya hanya jual beli. Elemen yang diperlukan. |
lokasi | Elemen yang diperlukan. |
nama lokaliti | Nama kawasan. Elemen yang diperlukan. |
sub-locality-name | |
alamat | |
metro | Stesen metro terdekat. |
nama | |
masa dalam pengangkutan | |
masa berjalan kaki | |
url | Elemen yang diperlukan. |
gambar | Elemen yang mesti ada untuk sepanduk pintar. |
nama bangunan | Elemen yang diperlukan. |
agen jualan | Elemen yang diperlukan. |
organisasi | Elemen yang diperlukan. |
harga | |
nilai | |
mata wang | Kod mata wang (RUB, USD, UAH, KZT). |
kawasan | Jumlah kawasan. \n |
nilai | |
unit | Unit keluasan bilik. |
lantai |
unsur | Penerangan |
---|---|
menaip | Jenis transaksi. Maksudnya hanya jual beli. Elemen yang diperlukan. |
lokasi | Satu set elemen yang menerangkan lokasi objek. Teg bersarang memberikan maklumat terperinci tentang alamat objek. Elemen yang diperlukan. |
nama lokaliti | Nama kawasan. Elemen yang diperlukan. |
sub-locality-name | |
alamat | |
metro | Stesen metro terdekat. Jika terdapat beberapa stesen, setiap stesen hendaklah ditunjukkan dalam elemen yang berasingan. Teg bersarang memberikan maklumat terperinci. |
nama | |
masa dalam pengangkutan | Masa ke metro dalam beberapa minit dengan pengangkutan. |
masa berjalan kaki | |
url | Elemen yang diperlukan. |
gambar | Elemen yang mesti ada untuk sepanduk pintar. |
nama bangunan | Nama kompleks kediaman. Berdasarkan elemen ini, pangsapuri digabungkan menjadi kompleks kediaman. Jika nama kompleks kediaman tidak diketahui, nyatakan nombor jalan dan rumah (Lenina, 25) Elemen yang diperlukan. |
agen jualan | Maklumat tentang pemaju. Teg bersarang memberikan maklumat terperinci: Elemen yang diperlukan. |
organisasi | Nama entiti undang-undang pemaju. Elemen yang diperlukan. |
harga | Satu set elemen yang menerangkan nilai objek. Teg bersarang menunjukkan harga dan mata wang di mana kos ditunjukkan: |
nilai | |
mata wang | Kod mata wang (RUB, USD, UAH, KZT). Diperlukan jika terdapat elemen nilai. |
kawasan | Jumlah kawasan. Nilai dan unit ukuran kawasan dihantar dalam teg bersarang: \n |
nilai | |
unit | Unit keluasan bilik. Elemen digunakan jika harga ditentukan bagi setiap unit luas. Nilai yang mungkin: persegi m/sq. m. |
lantai |
Penerbangan: Suapan Penerbangan Google Ads
Suapan CSV Tiket Syarikat Penerbangan Google Ads mesti digunakan untuk jenis perniagaan Tiket Syarikat Penerbangan. Baris pertama mengandungi nama lajur, dan baris seterusnya mengandungi data itu sendiri. Kandungan lajur dipisahkan dengan koma. Data dalam suapan mestilah dalam pengekodan UTF-8.
Contoh: Elemen yang disertakan dalam CSV
Jadual di bawah menerangkan elemen suapan yang digunakan untuk membuat sepanduk pintar atau iklan dinamik.
unsur | Penerangan |
---|---|
Elemen yang diperlukan. |
|
Nama destinasi | Nama destinasi. Elemen yang diperlukan. |
e-dagang |
|
Nama tempat berlepas. |
|
URL halaman tawaran. Elemen yang diperlukan. |
|
Elemen yang mesti ada untuk sepanduk pintar. |
|
Harga penerbangan | Tawaran harga. Nombor dan kod mata wang (RUB, USD, UAH, KZT). Gunakan noktah (.) sebagai pemisah perpuluhan. |
unsur | Penerangan |
---|---|
ID destinasi. Elemen yang diperlukan. |
|
Nama destinasi | Nama destinasi. Elemen yang diperlukan. |
ID asal. Jika anda menunjukkan ID Asal dalam suapan dan telah menyambungkan e-dagang dalam Yandex.Metrica, gunakan ID Asal dan ID Destinasi yang dipisahkan dengan tanda sempang sebagai pengecam tawaran dalam objek E-dagang. Contohnya, \"id\": \"VKO-LHR\" . |
|
Nama tempat berlepas. |
|
URL halaman tawaran. Elemen yang diperlukan. |
|
Elemen yang mesti ada untuk sepanduk pintar. |
|
Harga penerbangan | Tawaran harga. Nombor dan kod mata wang (RUB, USD, UAH, KZT). Gunakan noktah (.) sebagai pemisah perpuluhan. |
Perniagaan lain: suapan universal
Suapan universal dalam format CSV boleh digunakan dalam jenis Perniagaan Lain. Baris pertama mengandungi nama lajur, dan baris berikut- data itu sendiri. Kandungan lajur dipisahkan dengan koma. Data dalam suapan mestilah dalam pengekodan UTF-8.
Elemen yang disertakan dalam CSV
unsur | Penerangan | |
---|---|---|
ID Tawaran. Elemen yang diperlukan. |
||
e-dagang |
||
URL halaman tawaran. Elemen yang diperlukan. |
||
Elemen yang mesti ada untuk sepanduk pintar. |
||
Tajuk | Nama tawaran. | |
Penerangan | Penerangan tawaran. |
|
ID Tawaran Mata Wang. Elemen yang diperlukan. |
||
ID tawaran kedua. Jika anda menunjukkan ID2 dalam suapan dan telah menyambungkan e-dagang dalam Yandex.Metrica, gunakan ID dan ID2 yang dipisahkan dengan tanda sempang sebagai pengecam tawaran dalam objek E-dagang. Contohnya, \"id\": \"VKO-LHR\" . |
||
URL halaman tawaran. Elemen yang diperlukan. |
||
Elemen yang mesti ada untuk sepanduk pintar. |
||
Tajuk | Nama tawaran. | |
Penerangan | Penerangan tawaran. |
|
Harga tawaran tanpa mata wang. Gunakan noktah (.) sebagai pemisah perpuluhan. |
||
mata wang | Kod mata wang (RUB, USD, UAH, KZT). Diperlukan jika terdapat elemen Harga. |
|
Harga tawaran lama, yang mesti lebih tinggi daripada harga baharu (Harga). | Penerangan | |
ID Tawaran. Elemen yang diperlukan. |
||
ID tawaran kedua. Jika anda menunjukkan ID2 dalam suapan dan telah menyambungkan e-dagang dalam Yandex.Metrica, gunakan ID dan ID2 yang dipisahkan dengan tanda sempang sebagai pengecam tawaran dalam objek E-dagang. Contohnya, \"id\": \"VKO-LHR\" . |
||
URL halaman tawaran. Elemen yang diperlukan. |
||
Elemen yang mesti ada untuk sepanduk pintar. |
||
Tajuk item | Nama tawaran. |
|
Penerangan item | Penerangan tawaran. |
|
Dalam Yandex.Metrica, gunakan ID dan ID2 yang dipisahkan oleh tanda sempang sebagai pengecam tawaran dalam objek E-dagang. Contohnya, \"id\": \"VKO-LHR\" . |
||
URL halaman tawaran. Elemen yang diperlukan. |
||
Elemen yang mesti ada untuk sepanduk pintar. |
||
Tajuk item | Nama tawaran. |
|
Penerangan item | Penerangan tawaran. |
|
Harga tawaran dengan kod mata wang dalam pengekodan ISO 4217 (RUB, USD, UAH, KZT). Gunakan noktah (.) sebagai pemisah perpuluhan. |
||
Harga baru cadangan, yang mesti lebih rendah harga lama(Harga). |
Perniagaan Lain: Suapan Perjalanan Google Ads
Suapan CSV Perjalanan Google Ads boleh digunakan dalam jenis Perniagaan Lain. Baris pertama mengandungi nama lajur, dan baris seterusnya mengandungi data itu sendiri. Kandungan lajur dipisahkan dengan koma. Data dalam suapan mestilah dalam pengekodan UTF-8.
Elemen yang disertakan dalam CSV
Jadual di bawah menerangkan elemen suapan yang digunakan untuk membuat sepanduk pintar.
unsur | Penerangan |
---|---|
ID destinasi. Elemen yang diperlukan. |
|
Nama destinasi | Nama destinasi. |
ID asal. Jika anda menunjukkan ID Asal dalam suapan anda dan telah mendayakan e-dagang |
|
Nama tempat berlepas. |
|
URL halaman tawaran. Elemen yang diperlukan. |
|
Elemen yang mesti ada untuk sepanduk pintar. |
|
Nama tawaran. | |
ID destinasi. Elemen yang diperlukan. |
|
Nama destinasi | Nama destinasi. |
ID asal. Jika anda menunjukkan ID Asal dalam suapan dan telah menyambungkan e-dagang dalam Yandex.Metrica, gunakan ID Asal dan ID Destinasi yang dipisahkan dengan tanda sempang sebagai pengecam tawaran dalam objek E-dagang. Contohnya, \"id\": \"MOS-AMS\" . |
|
Nama tempat berlepas. |
|
URL halaman tawaran. Elemen yang diperlukan. |
|
Elemen yang mesti ada untuk sepanduk pintar. |
|
Nama tawaran. |
|
Harga tawaran dengan kod mata wang dalam pengekodan ISO 4217 (RUB, USD, UAH, KZT). Gunakan noktah (.) sebagai pemisah perpuluhan. |
|
Harga tawaran baru, yang mesti lebih rendah daripada harga lama (Harga). |
Menambah suapan
Untuk menambah suapan, pada halaman senarai kempen, ikut pautan Suapan. Pada halaman Pengurusan suapan Klik butang +Tambah Suapan dan pilih jenis perniagaan anda.
- Pautan fail
- Muat naik fail
Pilih fail yang anda perlu muat naik. Saiz fail yang dimuat naik hendaklah tidak melebihi 512 MB. Apabila mengemas kini, fail dimuat turun oleh robot dan data baharu diimport ke Direct.
Anda boleh meletakkan suapan anda dalam arkib yang dibuat menggunakan algoritma Mampatan ZIP(extension.zip) atau GNU ZIP (extension.gz).
Jika terdapat ralat semasa menambahkan suapan (contohnya, saiz, format suapan atau pautan kepadanya tidak memenuhi keperluan), anda akan melihat status "Ralat memuatkan" dan pautan kepada laporan pepijat.
Pengesahan Fail
Apabila membaca fail, syarat berikut diperiksa:
- semua elemen yang diperlukan ada;
- semua nama elemen adalah betul;
- Setiap elemen muncul paling banyak sekali.
Jika mana-mana syarat ini tidak dipenuhi, fail tersebut ditolak.
Cara paling mudah untuk "menyesuaikan" imej adalah dengan menetapkan lebar kepada 100% dan mengira ketinggian secara automatik. Imej kami tidak akan lebih lebar daripada blok induk, dan penyemak imbas akan mengubah saiznya sambil mengekalkan perkadarannya. Kelemahan kaedah ini ialah kedua-dua telefon bimbit dan desktop diberi gambaran besar yang sama. Lebih baik jika gambar dihantar ke telefon pintar saiz yang lebih kecil. Dengan cara ini kami menjimatkan trafik untuk pelawat dan mempercepatkan pemuatan halaman.
Tag
Imej Adaptif
Imej Adaptif penyelesaian yang menarik memandangkan kemudahan pemasangan dan ketiadaan masalah dengan menukar tanda. Menentukan saiz skrin pelawat dan memasukkan imej yang dikehendaki pada halaman.
Tidak ada yang rumit tentang pemasangan. Muat turun pengedaran daripada http://adaptive-images.com/. Salin fail adaptive-images.php dan .htaccess ke akar tapak. Kemungkinan besar sudah ada fail .htaccess dalam root. Dalam kes ini, edit tetapi buat salinan dahulu, untuk berjaga-jaga. Jika fail .htaccess anda mempunyai bahagian yang bermula dengan
tampal ke bahagian ini apa yang terkandung antara #Adaptive-Images dan #END Adaptive-Images. Jika tiada bahagian sedemikian, kemudian salin keseluruhan kandungan.
Ke bahagian
- < script>document.cookie = "resolution=" + Math .max (screen.width , screen.height ) + "; path=/" ; script>
Kod ini harus dimuatkan sebelum skrip lain.
Langkah terakhir ialah mengkonfigurasi fail adaptive-images.php. Pembolehubah $resolution menentukan lebar skrin. Sebagai peraturan, dimensi yang dinyatakan dalam pertanyaan media dalam CSS ditetapkan. $cache_path ialah laluan ke folder tempat imej yang diubah suai akan disimpan.
Sekarang mari kita bercakap tentang bagaimana ia berfungsi. Saiz tetingkap pelawat ditentukan oleh JavaScript yang diletakkan di bahagian tersebut
. Maklumat ini direkodkan dalam kuki. Apabila penyemak imbas menemui teg pada halamanBeberapa lagi cara untuk membuat imej responsif
Melihat melalui penyelesaian yang mungkin Saya perhatikan bahawa mereka semua ditawarkan sebelum elemen
Imej Adaptif - mudah untuk dikonfigurasikan. ini alternatif yang baik jika anda tidak mahu bersusah payah dengan sekumpulan fail, buat tiga fail untuk setiap gambar. Walaupun tambah ini boleh bertukar menjadi tolak. Selalunya berkurangan gambar besar Pada akhirnya, adalah lebih baik untuk memotong beberapa bahagian daripada hanya mengubah saiznya. Satu lagi kelemahan Adaptive Image ialah beban pada pelayan.
By the way, jika laman web anda berjalan di Drupal, dalam artikel seterusnya kami akan cuba untuk melaksanakan
Dalam binaan pemaju pelayar Chrome, Firefox dan Opera kini menyokong elemen gambar baharu, yang direka untuk menyelesaikan beberapa masalah yang dihadapi semasa pembangunan reka bentuk penyesuaian. Mari kita lihat lebih dekat.
Elemen gambar baharu menyelesaikan masalah berikut yang dihadapi oleh pembangun aplikasi web responsif (saya akan menggunakan klasifikasi yang dicadangkan oleh pepelsbey pada salah satu persidangan hadapan hadapan baru-baru ini):
- R etina, i.e. skrin dengan ketumpatan dpi 150 atau lebih tinggi, yang imej biasa kelihatan kabur
- A responsiveness, tugas mengubah saiz imej mengikut peraturan anda yang ditulis dalam reka bentuk bergantung pada saiz viewport.
- F format, keupayaan untuk menggunakan format moden seperti WebP jika ia disokong oleh penyemak imbas
- KEPADA Adriding atau Tujuan Artistik. Pemotongan bahagian imej yang tidak penting apabila dipaparkan pada peranti dengan skrin yang lebih kecil.
Sintaks
Secara konvensional, sintaks lanjutan elemen baharu kelihatan seperti ini![](https://i1.wp.com/image.jpg)
unsur gambar tidak memberikan sebarang kandungan, tetapi hanya bekas rujukan untuk teg img yang bersarang di dalamnya.
Oleh itu, untuk kebanyakan tugas, notasi yang disingkatkan akan mencukupi, tanpa menggunakan gambar sama sekali
Mari kita lihat bagaimana masalah di atas diselesaikan menggunakan elemen baharu. Semua contoh fail boleh didapati dalam repositori ini github.com/fetis/picture
Untuk menguji contoh dalam artikel ini pada desktop, anda memerlukan sama ada Firefox Nighlty (sokongan gambar didayakan dengan menetapkan dom.image.picture.enable dalam about:config) atau Chrome Canary, atau Pembangun Opera. hidup peranti mudah alih elemen baharu boleh diuji dalam Chrome Beta
Retina
Kami mempunyai imej 400x300 px yang juga ingin kami paparkan dengan cantik pada ketumpatan 2x dan 3x piksel. Untuk melakukan ini, sediakan 2 lagi gambar, bersaiz 800x600 dan 1200x900, dan tulis kod berikut![](https://i2.wp.com/images/400.jpg)
2x dan 3x ialah deskriptor ketumpatan piksel, mereka memberitahu pelayar bahawa imej ini disediakan untuk ketumpatan ini, jika anda mahu, anda boleh menggunakannya. Sila ambil perhatian bahawa mereka tidak memaksa penyemak imbas untuk menggunakan imej ini, tetapi hanya menggesanya. Keputusan muktamad terletak padanya bergantung pada syarat lain, seperti sambungan semasa.
Atribut src dalam dalam kes ini berfungsi sebagai sumber imej untuk ketumpatan< 2 и фолбеком на случай, если браузер не поддерживает новый элемент.
Kebolehsuaian
Mari bayangkan reka letak yang mempunyai titik putus tunggal 700px. Apabila saiz port pandangan melebihi 700 px, kami menunjukkan bar sisi di sebelah kanan dan saiz imej kami hendaklah 75% daripada lebar skrin. Jika tidak, bar sisi terletak di hujung halaman dan imej harus diregangkan ke lebar penuh. Ini dilaksanakan oleh kod berikut![](https://i1.wp.com/images/400.jpg)
400w, 800w, 1200w - ini ialah deskriptor lebar, mereka memberitahu pelayar berapa lebar imej itu URL yang diberikan dan berdasarkan maklumat ini penyemak imbas memutuskan imej yang paling sesuai untuk keadaan semasa. Seperti dalam kes retina, maklumat itu bersifat nasihat dan keputusan muktamad tentang imej yang hendak dimuatkan kekal dengan penyemak imbas.
Penggunaan serentak deskriptor ketumpatan dan lebar tidak dibenarkan.
Atribut saiz menyenaraikan saiz imej untuk semua titik kawalan dalam reka bentuk kami. Titik putus ditetapkan dalam bentuk ungkapan media biasa, penyemak imbas mengambil yang pertama, yang mengembalikan Benar dan tidak mempertimbangkan rantaian lagi. Nilai lebar menggunakan unit panjang baharu vw , yang mengembalikan nilai sebagai peratusan lebar port pandangan.
Jika tidak perlu gambar untuk digunakan titik kawalan, maka entri boleh dipendekkan kepada saiz ini="100vw" . Dan untuk reka bentuk yang lebih kompleks anda boleh gunakan Kalku fungsi CSS() , Sebagai contoh
saiz="(lebar maksimum: 30em) 100vw, (lebar maksimum: 50em) 50vw, calc(33vw - 100px)"
Atribut yang paling sukar untuk berkelakuan pada pendapat saya. Jika anda tidak menyatakan saiz , maka penyemak imbas sentiasa memilih yang paling banyak gambar besar. Dalam kombinasi dengan lebar ia tidak berfungsi, walaupun ia kelihatan sebagai gabungan logik dan beberapa gangguan lain. Mungkin ini adalah ciri pelaksanaan awal.
Seperti yang anda lihat, kami telah menampung 80% keperluan susun atur penyesuaian, dan tidak pernah menggunakan gambar sebelum ini, sudah tiba masanya untuk ia turut dimainkan.
Format
Penggunaan pelbagai format untuk imej berbeza sedikit daripada kaedah yang digunakan untuk tag video atau audio![](https://i0.wp.com/images/400.jpg)
Kami menentukan senarai sumber dan mime/jenis untuk setiap satu, dan penyemak imbas sudah memilih yang pertama yang diketahuinya. Imej daripada atribut src digunakan sebagai sandaran.
Penanaman
Apabila kami menunjukkan foto pada skrin yang lebih kecil, kadangkala masuk akal untuk memotong butiran yang tidak diperlukan, hanya meninggalkan bahagian utama. Atribut media akan membantu kami mengatasi tugas ini.Dalam setiap atribut media kami menentukan ungkapan media, di mana imej asal akan berubah dan, tidak seperti contoh sebelumnya, penyemak imbas akan mesti ikut dia. Perhatikan juga cara pemangkasan digabungkan di sini dengan responsif untuk meregangkan imej ke lebar penuhnya.
RAFC
Dan kini semua 4 kaedah dalam satu botol :) Mungkin ini adalah rupa memasukkan gambar dalam beberapa tahun (contoh dari blog Opera)![](https://i2.wp.com/opera-closeup-400.jpg)
2 digunakan di sini Format JPEG dan WebP. Apabila lebar skrin melebihi 1280 px, imej bersaiz penuh ditunjukkan dalam separuh ruang pandang. Dengan lebar dari 640 hingga 1279, foto yang dipangkas ditunjukkan pada 60% daripada lebar port pandangan. Apabila lebar skrin kurang daripada 640px, foto yang dipangkas ditunjukkan pada lebar 100%. Pemilihan untuk DPI skrin semasa dibuat berdasarkan lebar fail sumber.
- Tiada perihalan ditemui untuk elemen 'yml_catalog'. Elemen akar mungkin dinyatakan secara salah.
- Ralat maut: Ralat penghuraian XML: Ralat menghuraikan suapan XML: Teg tidak diketahui: Tag XML "b" (rentetan...
- Unsur gambar yang diperlukan tiada
- Ralat spesifikasi XML. Bawa senarai harga anda selaras dengan keperluan teknikal format yang dipilih...
- Tiada parameter tawaran yang diperlukan
Ralat ini nampaknya disebabkan oleh fakta bahawa XML tidak dijana sama sekali, atau anda memberikan Yandex pautan yang salah kepada YML. Untuk mencari punca ralat, buka pautan ke YML anda dalam penyemak imbas.
Beberapa ralat berlaku semasa proses penjanaan YML. PHP melemparkan mesej ralat, dan ia melakukan ini dalam teg "b". Buka sumber YML, mengikut nombor baris yang anda boleh cari dengan mudah Teks PHP kesilapan. Jika anda tidak tahu maksudnya, cari di Google. Saya pasti anda akan mendapat cadangan untuk menghapuskan ralat ini.
Menurut peraturan Yandex.Market, produk yang dieksport mesti mempunyai sekurang-kurangnya satu gambar. Produk tanpa gambar tidak dieksport. Semak bahawa dalam tetapan modul dalam medan "Bilangan imej produk" terdapat nombor yang lebih besar daripada sifar. Dan pastikan produk dalam pangkalan data kedai mempunyai gambar.
Ralat disebabkan oleh kehadiran teg luar dalam eksport YML. Ini berlaku jika anda mengeksport sesuatu ke teg kata kunci. Yandex tidak memerlukan tag ini. Tentukan dalam tetapan modul "Ambil teg kata kunci dari medan" = "Jangan bongkar"
Ralat mengatakan bahawa YML tidak ditemui parameter yang diperlukan tawaran produk. Untuk pakaian, kasut dan aksesori, warna dan saiz produk mesti ada dalam YML. Mengikut baris tempat ralat berlaku, anda boleh mengetahui produk mana yang tidak mempunyai warna dan/atau saiz yang ditentukan. Untuk produk ini dalam OpenCart anda perlu menentukan atribut atau pilihan yang akan dieksport oleh modul ke YML. Semak atribut atau pilihan ini dalam tetapan modul.
Ralat yang muncul dalam penyemak imbas
- Ralat 500 atau 502" semasa membuka YML dalam penyemak imbas Gerbang Buruk", atau hanya skrin putih.
- Ralat penghuraian XML: elemen akar tidak ditemui
- Ralat "Melebihi masa pelaksanaan maksimum 30 saat"
- Tidak semua barangan dieksport.
Skrip yang menjana YML dilengkapkan dengan ralat. Tetapan tapak anda sedemikian rupa sehingga ralat tidak ditunjukkan. Anda perlu mendayakan paparan ralat. Mendayakan ralat dalam tetapan kedai dalam pentadbir OpenCart kemungkinan besar tidak mencukupi. Paparan ralat mesti didayakan dalam fail .htaccess dan php.ini. Tetapi ini mungkin tidak mencukupi. Pengehosan tapak mungkin dikonfigurasikan sedemikian rupa sehingga fail ini mungkin tidak menjejaskan output ralat. Perkara terbaik untuk dilakukan ialah menghubungi sokongan teknikal hosting.
Skrip yang menjana YML dilengkapkan dengan ralat. Dalam kes ini, YML tidak terbentuk sepenuhnya - tiada teg penutup. Lihat kod sumber YML. Jika terdapat mesej ralat pada penghujungnya, cari teks ralat dalam Yandex atau Google. Jika tiada mesej ralat, lihat perenggan sebelumnya.
Secara lalai, skrip PHP diberikan 30 saat untuk dilaksanakan. Jika skrip tidak menjana YML dalam masa 30 saat, maka skrip telah ditamatkan secara paksa. Sudah tentu, YML tidak dibentuk, atau tidak terbentuk sepenuhnya.
Hakikatnya ialah mengeksport keseluruhan pangkalan komoditi adalah operasi yang agak intensif sumber. Menskala imej untuk Yandex mengambil masa yang sangat lama, kerana Yandex menerima imej tidak lebih kecil daripada 600x600 piksel. Nasib baik, OpenCart menyimpan imej berskala dalam cache imej. Apabila mengeksport semula, imej akan diambil dengan cepat daripada cache. Sehingga cache imej terbentuk sepenuhnya, skrip eksport YML mungkin mengambil masa yang lama untuk disiapkan. Cuba jalankan skrip beberapa kali, cache akan terbentuk, skrip akan berjalan lebih cepat, jatuh dalam had masa.
Jika ini tidak membantu, masa penjanaan YML masih panjang (disebabkan fakta bahawa anda mempunyai banyak produk), maka anda boleh cuba meningkatkan parameter max_execution_time dalam fail Tetapan PHP php.ini.
Jika ini tidak mencukupi (penghosan anda agak lemah untuk kedai dalam talian dengan pangkalan produk sedemikian), maka anda boleh cuba menjana eksport YML dengan menjalankan skrip melalui php-cli.
Soalan Kandungan YML
Mungkin terdapat beberapa sebab mengapa tidak semua produk hadir dalam eksport YML. Punca Bersama- tetapan modul dan kandungan pangkalan data produk.
- Produk tidak mempunyai pengilang yang ditentukan, tetapi dalam tab tetapan modul "Apa yang hendak dieksport", pengeluar dipilih.
- Produk tidak mempunyai kategori utama, tetapi kotak pilihan "Produk mempunyai kategori utama" ditandakan dalam tab "Umum".
- Produk berada dalam senarai hitam atau tidak dalam senarai putih, yang dinyatakan pada tab "Apa yang hendak dieksport" pada tetapan modul.
- Medan "Punggah hanya jika barang lebih mahal", "Jangan bongkar jika barang lebih mahal" atau kotak semak "Jangan punggah barang tanpa gambar" dalam tab "Apa yang hendak dieksport" mengecualikan barang daripada yang dieksport.
- Produk kehabisan stok dan statusnya "Kehabisan stok" supaya produk tidak dieksport. Untuk mengeksport item kehabisan stok, dalam tab "Gudang dan Penghantaran" pada tetapan modul, jangan pilih sebarang status dalam medan "Status Kehabisan Stok".
Dalam OpenCart, satu produk boleh ditunjukkan dalam beberapa kategori, dan dalam Format YML sesuatu produk hanya boleh tergolong dalam satu kategori. Modul eksport memperuntukkan produk kepada kategori pertama yang tersedia. Oleh itu, mungkin ternyata tiada barang dalam beberapa kategori, dan kategori ini tidak akan ada dalam eksport, walaupun barang akan ada, walaupun dalam kategori lain.
ocStore mempunyai kategori utama, dan anda boleh memautkan produk hanya kepada kategori utama. Untuk melakukan ini, dalam tetapan modul, tandai kotak "Produk mempunyai kategori utama." Dalam kes ini, anda akan menerima klasifikasi barangan yang lebih terperinci dalam eksport YML, tetapi barangan yang kategori utamanya tidak dinyatakan tidak akan dieksport sama sekali.
Bagaimana cara untuk membuat...?
- Bagaimana untuk tidak mengeksport produk yang mempunyai kuantiti sifar?
Dalam tetapan modul, dalam tab "Gudang dan penghantaran", cari medan "Status "Kehabisan stok". Dalam medan ini, semak Semua status produk. Untuk memilih berbilang item senarai, tahan kekunci Ctrl sambil mengklik dengan tetikus.
Perkembangan dalam bahasa: PHP, JavaScript, node.js. Pangkalan data: MySQL, PostgreSQL, MongoDB.
Penambahbaikan CMS: OpenCart, PrestaShop, Wordpress. Integrasi dengan: sistem pembayaran, VKontakte, Facebook, Yandex.
Kami meneruskan siri artikel tentang menyediakan kempen carian dinamik (Iklan Carian Dinamik). Sebelum ini saya menulis tentang DSA untuk Google Ads. Hari ini kita akan melihat elemen dan contoh suapan untuk Yandex.Direct.
Suapan produk— fail dengan data tentang semua produk di tapak dan atributnya (pengecam unik, pautan ke produk dan imejnya).
Kategori suapan dalam Yandex.Direct
Kategori suapan berikut tersedia dalam perkhidmatan:
- "Runcit".
- "Hotel".
- "Hartanah".
- "Kereta".
- "Tiket penerbangan."
Cara menyediakan suapan untuk "Runcit"
Buat suapan dalam format YML. Mana-mana dokumen XML hanya boleh mengandungi satu elemen akar.
Format YML menggunakan elemen sebagai akar
Cara membuat suapan untuk "Hotel"
Untuk jenis perniagaan Hotel, anda boleh menggunakan suapan Hotel & Sewaan Google Ads (format CSV). Kandungan lajur dipisahkan dengan koma. Data dalam suapan mestilah dalam pengekodan UTF-8.
unsur |
Penerangan |
ID hotel. Elemen yang diperlukan. |
|
Nama hotel. Elemen yang diperlukan. |
|
URL halaman tawaran. Elemen yang diperlukan. |
|
Nama destinasi |
Lokasi hotel (maks. 25 aksara). Elemen yang diperlukan. |
Tawaran harga. Kod nombor dan mata wang dalam pengekodan ISO 4217. Gunakan noktah (.) sebagai pemisah perpuluhan. Item yang disyorkan. |
|
Bilangan bintang. Integer dari 1 hingga 5. |
|
Penilaian pengguna, nombor. Gunakan noktah (.) sebagai pemisah perpuluhan. |
|
Skor maksimum yang mungkin, integer. Lalai ialah 5. |
|
Perkhidmatan hotel. Nyatakan nilai yang dipisahkan oleh koma bertitik: bar; kolam; WiFi percuma. |
Sertakan nilai dengan koma dalam tanda petikan ("").
Cara menyediakan suapan untuk "Harta Tanah"
Senarai tawaran hartanah pengiklan terkandung dalam elemen tersebut
Dalam satu suapan anda boleh menghantar maklumat tentang kompleks kediaman pemaju yang berbeza. Untuk melakukan ini, nyatakan dalam setiap
unsur |
Penerangan |
Elemen yang diperlukan. |
|
Jenis transaksi. Maksudnya hanya "jualan". Elemen yang diperlukan. |
|
Satu set elemen yang menerangkan lokasi objek. Teg bersarang mengandungi butiran maklumat tentang alamat objek. |
|
Nama kawasan. Elemen yang diperlukan. |
|
sub-locality-name |
|
Stesen metro terdekat. Jika terdapat beberapa stesen, setiap stesen mesti ditunjukkan elemen berasingan. Berikan maklumat terperinci dalam subtag. |
|
masa dalam pengangkutan |
Masa ke metro dalam beberapa minit dengan pengangkutan. |
Elemen yang diperlukan. |
|
Elemen yang diperlukan. |
|
Satu set elemen yang menerangkan nilai objek. Teg bersarang mengandungi harga dan mata wang di mana kos ditunjukkan: |
|
Nama kompleks kediaman. Berdasarkan elemen ini, pangsapuri digabungkan menjadi kompleks kediaman. Jika nama kompleks kediaman tidak diketahui, nyatakan nombor jalan dan rumah (contohnya, Pushkinskaya, 25). Elemen yang diperlukan. |
|
Maklumat tentang pemaju. Berikan maklumat terperinci dalam subtag. |
|
Tajuk penuh entiti undang-undang pemaju. Elemen yang diperlukan. |
|
Jumlah kawasan. Nilai kawasan dan unit dihantar dalam teg bersarang. |
|
Unit keluasan bilik. Elemen digunakan jika harga ditentukan bagi setiap unit luas. Nilai yang mungkin: “sq. m"/"persegi m". |
|
Suapan dengan tawaran untuk hartanah sewa tidak diterima.
Cara membuat suapan untuk "Kereta"
unsur |
Penerangan |
ID tawaran produk. Elemen yang diperlukan jika tiada elemen vin. |
|
model kereta. |
|
Nama model. Elemen yang diperlukan. |
|
Nama pengubahsuaian. Elemen yang diperlukan. |
|
Elemen yang diperlukan. |
|
Elemen yang diperlukan. |
|
Jenis badan. Elemen yang diperlukan. |
|
Tahun terbitan. Elemen yang diperlukan. |
|
Harga kereta. Elemen yang diperlukan. |
|
Mata wang di mana harga ditunjukkan. |
|
Nombor VIN (17 aksara). |
Contoh suapan:
Cara menyediakan suapan untuk "Tiket penerbangan"
unsur |
Penerangan |
URL halaman tawaran. Elemen yang diperlukan. |
|
Elemen yang diperlukan (untuk sepanduk pintar). |
|
Tawaran harga. Kod nombor dan mata wang dalam pengekodan ISO 4217. Gunakan noktah (.) sebagai pemisah perpuluhan. |
|
ID destinasi. Elemen yang diperlukan. |
|
ID asal. |
|
Nama destinasi |
Nama destinasi. Elemen yang diperlukan. |
Nama tempat berlepas. |
Cara menambah suapan
Untuk menambahkan suapan pada Yandex.Direct, pergi ke antara muka menggunakan pautan "Suapan" di bahagian bawah di bawah kempen.
Kemudian klik "Tambah Suapan."
Cara menambah suapan menggunakan pautan
Untuk disiarkan di tapak, saiz suapan tidak boleh melebihi 512 MB. Sekali sehari, suapan dimuat turun oleh robot dan diimport ke Yandex.Direct. Apabila menjana iklan dinamik, robot menyemak suapan untuk memilih tawaran produk menggunakan penapis tertentu sekali sehari atau lebih kerap, jika boleh.
Fail mesti boleh diakses melalui protokol HTTP, HTTPS atau FTP. Gunakan kebenaran untuk mengakses.
Jika pautan dalam suapan anda mengandungi teg UTM yang tidak sesuai untuk penjejakan kempen pengiklanan, saya mengesyorkan mengalih keluarnya. Untuk melakukan ini, tandai kotak semak "Alih keluar teg UTM secara automatik". Anda boleh menambah teg UTM baharu pada halaman pengeditan kumpulan iklan.
Cara menambah fail suapan
Pilih fail yang anda perlu muat naik. Saiz fail yang dimuat naik hendaklah tidak melebihi 512 MB. Apabila mengemas kini, fail dimuat turun oleh robot dan data baharu diimport ke Yandex.Direct.
Anda boleh meletakkan suapan anda dalam arkib yang dibuat menggunakan algoritma mampatan ZIP (.zip extension) atau GNU ZIP (.gz extension).
Jika semasa menambah suapan Ralat telah berlaku(contohnya, saiz/format/pautan suapan tidak memenuhi keperluan), anda akan melihat status "Ralat Muat Naik". Untuk melihat laporan ralat, ikut pautan "Lagi butiran".
Bagaimanakah pengesahan suapan berfungsi?
Pengesahan - usaha wajar pematuhan.
Semak keadaan semasa membaca fail:
- semua elemen yang diperlukan ada;
- semua nama elemen adalah betul;
- Setiap elemen muncul paling banyak sekali.
Jika mana-mana syarat ini tidak dipenuhi, fail tersebut ditolak.
Kesimpulan
Kami melihat semua pilihan dan format suapan untuk menyediakan kempen dinamik dalam Yandex Direct.
Biar saya ingatkan awak, untuk ciptaan yang betul suapan:
- Tentukan jenis perniagaan anda.
- Sesuaikan suapan anda berdasarkan jenis perniagaan anda.
Petua: lebih banyak medan diisi dalam suapan, sistem yang lebih baik akan dapat mengenal pasti pengguna yang dikehendaki. - Muat naik suapan ke akaun Yandex.Direct anda.
Dalam artikel seterusnya, saya akan menunjukkan kepada anda cara menyediakan kempen yang menyasarkan kandungan tapak dan suapan halaman.