ამ სტატიაში ვისაუბრებთ იმაზე, თუ როგორ ჩავდოთ ვიდეო ვებსაიტზე და ვისწავლოთ როგორ:

განათავსეთ თქვენი ფაილები ვიდეო ჰოსტინგის საიტებზე და აჩვენეთ ისინი ვებსაიტზე.

ატვირთეთ ვიდეოები თქვენს ჰოსტინგში და აჩვენეთ ისინი საიტზე პლეერის გამოყენებით.

საიდუმლო არ არის, რომ ვიდეო ყოველწლიურად სულ უფრო პოპულარული ტიპის კონტენტი ხდება. დღეს უკვე ადვილი აღარ არის უბრალო მომხმარებლების შენარჩუნება მხოლოდ ლამაზი სურათებისა და კარგად დაწერილი ტექსტების დახმარებით, რომელიც მათ საიტზე ყოფნას კიდევ უფრო საინტერესოს გახდის. მოდით გადავიდეთ ინსტრუქციებზე:

როგორ ატვირთოთ ვიდეო Youtube-ზე:

უპირველეს ყოვლისა, თქვენ უნდა შეხვიდეთ თქვენს YouTube ანგარიშზე.

დააჭირეთ ღილაკს დამატება ვიდეო გვერდის ზედა ნაწილში.

აირჩიეთ ვიდეო ჩამოსატვირთად. (გთხოვთ გაითვალისწინოთ, რომ ვიდეო არ უნდა არღვევდეს საავტორო უფლებებს. თუ გსურთ ვიდეოზე ცნობილი მუსიკის განთავსება, მისი ყიდვა მოგიწევთ).

ფაილის ჩამოტვირთვისას შეავსეთ ძირითადი ინფორმაცია ვიდეოს შესახებ და, საჭიროების შემთხვევაში, დამატებითი პარამეტრები.

YouTube-ზე ვიდეოს დასამატებლად დააწკაპუნეთ გამოქვეყნებაზე.

სანამ არ დააწკაპუნებთ გამოქვეყნების ღილაკზე, ვიდეო მხოლოდ თქვენთვისაა ხელმისაწვდომი.

მეტით დეტალური ინსტრუქციებიროგორ ატვირთოთ ვიდეო Youtube-ზე შეგიძლიათ იხილოთ მხარდაჭერის გვერდზე

ჩადეთ ვიდეო Youtube-დან თქვენს საიტზე:

Youtube-ზე უკვე ატვირთული (არსებული) ვიდეოს ჩასასმელად:

ჩვენ გადავხედეთ კოდის ჩასმის რამდენიმე გზას ვიდეოებიდან, რომლებიც უკვე ატვირთულია ვიდეო ჰოსტინგის ერთ-ერთ პოპულარულ საიტზე.

ახლა მოდით გადავხედოთ თქვენს სერვერზე გადმოწერილი ვიდეოს ვიდეოს დაკვრის ვარიანტებს.

ჩადეთ ვიდეო ვებსაიტზე HTML5-ის გამოყენებით

ამ მეთოდისთვის დაგჭირდებათ ვიდეო ტეგი

< span class = "tag" ><< span class = "title" >ვიდეო< / span >>< / span > < span class = "tag" ><< span class = "title" >წყარო< / span > < span class = "attribute" >src =< span class = "value" >"URL"< / span > < / span >>< / span > < span class = "tag" >< /< span class = "title" >ვიდეო< / span >>< / span >

ატვირთეთ ვიდეო სერვერზე;

დააკოპირეთ ზემოთ მოცემული კოდი;

კოპირებულ კოდს ვამაგრებთ საიტის ჩვენთვის საჭირო ნაწილში;

ჩვენ ვცვლით URL-ს იმ ფაილის გზაზე, რომელიც განვათავსეთ ჰოსტინგზე

შეინახეთ ცვლილებები და განაახლეთ გვერდი.

ვიდეო ტეგის რამდენიმე ატრიბუტია და ზოგიერთი მათგანი ასევე გვხვდება პოპულარული ვიდეო ჰოსტინგის საიტების მიერ შემოთავაზებულ კოდებში.

უპირველეს ყოვლისა, მინდა ვისაუბრო ისეთ ატრიბუტებზე, როგორიცაა სიმაღლე (სიმაღლე), სიგანე (სიგანე).

მათი დახმარებით თქვენ შეგიძლიათ დაარეგულიროთ არეალის სიმაღლე და სიგანე ვიდეოს დაკვრისთვის.

• src არის ყველაზე მნიშვნელოვანი ატრიბუტი, რომელიც განსაზღვრავს ვიდეოს გზას.
• ავტომატური დაკვრა - დაუკარით ვიდეო გვერდის ჩატვირთვისთანავე.
• loop - გაიმეორეთ ვიდეოს დაკვრა დასრულების შემდეგ
• პოსტერი - განსაზღვრავს იმ სურათის მისამართს, რომელიც გამოჩნდება, სანამ ვიდეო არ არის ხელმისაწვდომი ან უკრავს.
• წინასწარ ჩატვირთვა - ჩამოტვირთავს ვიდეოს ვებ გვერდის ჩატვირთვასთან ერთად.

ჩადეთ ვიდეო ვებსაიტზე მოთამაშის გამოყენებით

ახლა ინტერნეტში ბევრი სხვადასხვა მოთამაშეა, რომელთა გამოყენება შეგიძლიათ თქვენს ვებსაიტზე. მაგალითად, მე ავირჩიე ერთ-ერთი პოპულარული flowplayer.

, და შემდეგ გახსენით იგი;

შექმენით საქაღალდე და განათავსეთ ფაილები არქივიდან მასში;

დააკავშირეთ მოთამაშის Javascript ფაილი html ფაილთან. ამისათვის, head tag-ში ჩაწერეთ შემდეგი კოდი:

იყავით უფრო ფრთხილად ფაილის გზის მითითებისას. თქვენ არ შეგიძლიათ შექმნათ საქაღალდე, მაგრამ ჩადეთ სკრიპტის ფაილი სხვა საქაღალდეში, მაგალითად, საქაღალდეში სხვა სკრიპტებით.

ახლა მოვათავსოთ თავად პლეერი გვერდის კოდში და, შესაბამისად, ვიდეო ფაილში.

< ! -- the player -- > < div data - swf = "flowplayer.swf" data - ratio = "0.4167" > < video > < source type = "video/webm" src = "https://путь к вашему видео файлу если он в формате.webm" > < source type = "video/mp4" src = "https://путь к вашему видео файлу если он в формате.mp4" > < / video >

მე უკვე დავწერე იმის შესახებ, თუ როგორ უნდა ჩასვათ თქვენი მუსიკა. მე ვთავაზობ განიხილოს თანაბრად აქტუალური კითხვა - როგორ ჩასვათ საკუთარი მუსიკა მაფიაში 3. სხვათა შორის, მაფიის თამაშის სამივე ნაწილი განსხვავდება მხოლოდ სიუჟეტით და დამატებითი პერსონაჟებით. მაგრამ ზოგადად თამაშები ძალიან ჰგავს. ამიტომ, როგორც მეორე ნაწილში, თქვენ უნდა ჩამოტვირთოთ სპეციალური დამატებითი პროგრამა. მისი დახმარებით შეგიძლიათ შექმნათ თქვენი საკუთარი რადიო, ანუ შექმნათ თქვენი საკუთარი დასაკრავი სია სიმღერებით.

პროგრამა აბსოლუტურად უფასოა. შეგიძლიათ ჩამოტვირთოთ რეგისტრაციისა და SMS-ის გარეშე. ინსტალაცია გრძელდება არაუმეტეს 5 წუთისა. მნიშვნელოვანია: ინსტალაციის შემდეგ, პროგრამამ შეიძლება „მოითხოვოს“ კომპიუტერის გადატვირთვა. არ ინერვიულოთ, ეს ნორმალურია! ასე რომ, როგორ ჩადოთ თქვენი მუსიკა მაფიაში 3: მოდიფიკაციები მაფიისთვის 2, მაიფა 1 და 3.

როგორ ჩასვათ საკუთარი მუსიკა Mafia 3-ში

იმისათვის, რომ შექმნათ თქვენი საკუთარი რადიო მაფიის მესამე ვერსიაში, თქვენ უნდა ჩამოტვირთოთ Mafia 2 Music Manager 1.3 პროგრამა.

პროგრამის ერთ-ერთი მნიშვნელოვანი ფუნქცია: შეგიძლიათ მოუსმინოთ სიმღერებს არა მხოლოდ თამაშის დროს, არამედ უბრალოდ აპლიკაციის გაშვებით. სხვათა შორის, ყველა თქვენი დასაკრავი სია შენახულია. ამიტომ, არ არის საჭირო სიის ხელახლა განახლება.

ალბათ ეს გამოგადგებათ) დღეს WordPress-ის განახლების გამო

იმისათვის, რომ ჩადოთ ფოტო ვებსაიტზე ან სტატიის ტექსტში, ჯერ მოათავსეთ კურსორი თქვენს ტექსტში იმ ადგილას, სადაც გსურთ ფოტოს განთავსება. შემდეგ დააჭირეთ ღილაკს "მედიის დამატება". ის მდებარეობს სტატიის სათაურსა და ტექსტის რედაქტირების კონსოლს შორის (იხ. სურათი 1)

(იხ. სურათი 1)

"მედია ფაილის ჩასმა" ფანჯარაში, რომელიც იხსნება, დააწკაპუნეთ ბმულზე "ფაილების ატვირთვა". (იხილეთ სურათი 2)

(სურათი 2)

შემდეგ ფანჯარაში დააწკაპუნეთ ღილაკზე „ფაილების არჩევა“ (იხ. სურ. 3).

(იხ. სურ. 3)

თქვენს წინაშე გაიხსნება დამატებითი ფანჯარა. წინასწარ მოამზადეთ ფოტოები, რომელთა განთავსებაც გსურთ საიტზე და შეაგროვეთ ისინი ცალკე საქაღალდეთქვენს კომპიუტერში. დამატებითი ფანჯრის საშუალებით შედით ამ საქაღალდეში და აირჩიეთ ფოტო სურათზე ერთხელ მაუსის დაწკაპუნებით. თუ საჭიროა ყველა ფოტოს ერთდროულად ჩასმა, მაშინ აირჩიეთ ყველა.

ამის შემდეგ დააჭირეთ ღილაკს "გახსნა", რომელიც მდებარეობს დამატებითი ფანჯრის ქვედა მარჯვენა კუთხეში (იხ. სურ. 4)

(იხ. სურ. 4)

არჩეული ფოტო აიტვირთება საიტზე და განთავსდება „მედია ფაილების“ ჩანართში და მომავალში, საჭიროების შემთხვევაში, ჩაიტვირთება საიტის სხვა სტატიებში, არ არის საჭირო მისი ხელახლა ატვირთვა კომპიუტერიდან . IN აქტიური ფანჯრებიმარჯვნივ, შეიყვანეთ საჭირო ინფორმაცია (იხ. სურ. 5):

- "სათაურში" და "alt ატრიბუტში" - შეიყვანეთ თქვენი სტატიის სათაური.

- "აღწერილობაში" - ჩაწერეთ ერთი წინადადება, რას ეხება თქვენი სტატია. წინადადების ტექსტი უნდა შეიცავდეს სტატიის სათაურს (იხ. სურ. 5).

შემდეგ დააჭირეთ ღილაკს "ჩასმა გვერდზე". თუ ტექსტს წერთ არა "გვერდზე", არამედ "პოსტში", მაშინ გექნებათ ღილაკი "ჩანაწერში ჩასმა" - დააწკაპუნეთ მასზე.

(ნახ. 5)

ფოტო გამოჩნდება იმ ადგილას, სადაც ადრე მოათავსეთ კურსორი. თავდაპირველად, ფოტო არ ჩაიტვირთება იმ ზომით, რომელიც ოპტიმალურად გამოიყურება საიტის გვერდზე (იხ. სურათი 6). მაგრამ ეს შეიძლება ადვილად გამოსწორდეს.

(ნახ. 6)

სურათის რედაქტირებისთვის გადაიტანეთ კურსორი მასზე და დააწკაპუნეთ ერთხელ მარცხნივ. სურათი დაფარული იქნება ლურჯი ფონით, შემდეგ დააჭირეთ სურათს ზედა მარცხენა კუთხეში (იხ. სურ. 7)

(ნახ. 7)

მას შემდეგ რაც დააწკაპუნებთ ხატულაზე, როგორც ნაჩვენებია 7-ე სურათზე, გადაგიყვანთ ფოტო რედაქტირების პანელზე (იხ. სურათი 8). აქ ასევე უნდა შეიყვანოთ საჭირო ინფორმაცია ატვირთული ფოტოს ინდექსაციის გასაუმჯობესებლად:

— სტრიქონში „სათაური“ შეიყვანეთ თქვენი სტატიის სათაური;

— „Alt ატრიბუტი“ სტრიქონში — ასევე შეიყვანეთ თქვენი სტატიის სათაური;

შემდეგ აირჩიეთ თქვენი სურათის მდებარეობა საიტზე: „მარცხნივ“, „მარჯვნივ“, „ცენტრში“ ან „არცერთი“.

მას შემდეგ რაც შეიყვანთ ყველა საჭირო ინფორმაციას, დააწკაპუნეთ ჩანართზე „Advanced“ დამატებითი ფანჯრის ზედა ხაზში.

(სურათი 8)

ამ გვერდზე შეგიძლიათ დააყენოთ ფოტოს ზომები, ანუ ტექსტის სიგანე, სიმაღლე და მანძილი ფოტოს საზღვრებიდან. დააყენეთ ზომები ნაგულისხმევზე ოდნავ მცირე ზომის. მერე როცა შეხედავ. როგორ გამოიყურება ფოტო საიტზე, ზომების მარტივად შეცვლა და შესაბამისის დაყენება შესაძლებელია.

აქტიურ ველში „გახსენით ახალ ჩანართში“, მონიშნეთ ყუთი. თუ პირდაპირ საიტზე დააწკაპუნებთ ფოტოზე, ის გაიხსნება ახალ ფანჯარაში (იხ. სურ. 9).

(სურათი 9)

მას შემდეგ რაც შეიყვანთ ყველა საჭირო ინფორმაციას, დააწკაპუნეთ ღილაკზე „განახლება“ დამატებითი ფანჯრის ქვედა მარცხენა კუთხეში. ესე იგი, შენი ფოტო ჩასმულია ტექსტში. რედაქტორში ის ასე გამოიყურება (იხ. სურათი 10). დააჭირეთ ღილაკს "შენახვა". გამოქვეყნებამდე დააწკაპუნეთ ჩანართზე „ნახვა“ და ნახეთ, როგორ გამოიყურება სტატია ფოტოებით საიტზე. საჭიროების შემთხვევაში, გააკეთეთ ზომის კორექტირება და ხელახლა შეინახეთ გვერდი. შემდეგ დააჭირეთ ღილაკს გამოქვეყნება.

(სურათი 10)

ფოტო ჩასმულია სტატიაში და სწორად გამოიყურება ვებსაიტზე (იხ. სურათი 11)

(სურათი 11)

თუ ფოტოს გადაკეთება სჭირდება არა შუაში, არამედ მარჯვნივ ან მარცხნივ (იხ. სურ. 12), მაშინ გააგრძელეთ შემდეგი თანმიმდევრობით.

(სურათი 12)

დააწკაპუნეთ ფოტოზე და შედით რედაქტირების პანელში. აქ აირჩიეთ „Alignment“ „მარცხნივ“ (იხ. სურათი 13)

(სურათი 13)

შეავსეთ ყველა საჭირო მონაცემი იმავე თანმიმდევრობით და დააჭირეთ ღილაკს „განახლება“ (იხ. სურათი 14).

(სურათი 14)

სტატიის გამოქვეყნების შემდეგ, საიტზე განთავსებული ფოტო ისე გამოიყურება, როგორც ნაჩვენებია 15-ზე.

(სურათი 15)

ვიმედოვნებ, რომ არ გაგიჭირდებათ საიტზე ფოტოების და ნახატების განთავსება. თუ აღმოაჩენთ რაიმე უზუსტობას ან გაუგებარ პუნქტს, გთხოვთ, შეგვატყობინოთ კომენტარებში.

წაიკითხეთ სტატია ამ საიტზე

გსურთ იცოდეთ როგორ შეგიძლიათ „შეცვალოთ სახეები“ მეგობართან, ნათესავთან ან საყვარელ ცნობილ ადამიანთან? ამაში ფოტომონტაჟის მაგია დაგეხმარებათ! როგორ მუშაობს ეს? საძიებო სისტემები ალბათ შემოგთავაზებენ Photoshop-ის გამოყენებას მოთხოვნისთანავე, მაგრამ ეს პროგრამა არ იქნება შესაფერისი არაპროფესიონალისთვის. საუკეთესო ვარიანტი არის მარტივი, როგორიცაა "სახლის ფოტო სტუდია". ამ სტატიაში თქვენ შეისწავლით თუ როგორ უნდა ჩასვათ სხვა სახე ფოტოში ფოტო რედაქტირების გამოცდილების გარეშე.

ნაბიჯი #1. დავიწყოთ მუშაობა

დასაწყებად, ჩვენ გირჩევთ დააინსტალიროთ იგი თქვენს კომპიუტერში. მიჰყევით ინსტალაციის ოსტატის ინსტრუქციას - პროგრამა მზად იქნება სამუშაოდ სულ რაღაც წუთში. გაუშვით კომუნალური პროგრამა. IN დაწყების ფანჯარააირჩიეთ "გახსენით ფოტო" ვარიანტი და იპოვეთ ფოტო ფაილი, რომლის რედაქტირებაც გსურთ.

თქვენ შეგიძლიათ დაიწყოთ მუშაობა პროგრამის დაყენებისთანავე

ნაბიჯი #2. ფოტომონტაჟი

შემდეგი ეტაპი ყველაზე გადამწყვეტია. მთავარ მენიუში დააწკაპუნეთ ჩანართზე "დიზაინი" და იპოვეთ სიაში. ფანჯარაში, რომელიც გამოჩნდება, შექმენით ახალი ფენა. ამისათვის დააწკაპუნეთ ფენის დამატება > ფოტო და ატვირთეთ ფოტო, რომლის გადაფარვაც გსურთ.

ფოტო მონტაჟით, თქვენ შეგიძლიათ მარტივად მოათავსოთ ერთი ფოტო მეორეზე.

ფოტოს არჩევისას უნდა გვახსოვდეს, რომ ორივე ფოტოს უნდა ჰქონდეს დაახლოებით იგივე გარჩევადობა და ხარისხი. უფრო მეტიც, სახეები უნდა იყოს გადაღებული რაც შეიძლება მსგავსი კუთხიდან.

სიაში აირჩიეთ ფენა დამატებული სურათით და დააწკაპუნეთ „ფოტოს ამოჭრა“. ახალი ფანჯარა ავტომატურად გამოჩნდება. გამოიყენეთ ნებისმიერი სახის მორთვა. ფრთხილად გამოიკვეთეთ თქვენი სახე, შეეცადეთ თავიდან აიცილოთ არასაჭირო საგნები, როგორიცაა აქსესუარები. თუ ის არათანაბარი აღმოჩნდება, გამოიყენეთ „შერჩევის გადატვირთვის“ ვარიანტი და სცადეთ ხელახლა. დახურეთ წერტილოვანი ხაზი მაუსის ორჯერ დაწკაპუნებით. გაზარდეთ მნიშვნელობა Border Blur სკალაზე სლაიდერის მარჯვნივ გადათრევით და დააჭირეთ Apply-ს.

გაადიდეთ თქვენი ფოტო, რათა შედეგი იყოს რაც შეიძლება ზუსტი და ზუსტი.

ახლა მოდით გავარკვიოთ, როგორ ჩავდოთ სხვა სახე ფოტოში ისე, რომ განსხვავება არ იყოს შესამჩნევი. ამისათვის საჭიროა მოჭრილი ფენის გარდაქმნა. შეცვალეთ ახალი სურათის ზომა არჩევანის კუთხეებში გადათრევით. "ახალი" სახე უნდა შეესაბამებოდეს ორიგინალურ სურათს სახის ზომას. საჭიროების შემთხვევაში, გადაატრიალეთ ფენა სლაიდერის გადაადგილებით ბრუნვის კუთხის შკალაზე. ნაგულისხმევად შერევის რეჟიმი იქნება "ნორმალური", მაგრამ სურვილის შემთხვევაში შეგიძლიათ აირჩიოთ სხვა. მზადაა! დააჭირეთ ღილაკს "Apply".

დაარეგულირეთ ფენის გადაფარვა ისე, რომ "ახალი" სახე მაქსიმალურად ბუნებრივად გამოიყურებოდეს

ნაბიჯი #3. დონეები და ფერის კორექცია

ჯერ კიდევ ძალიან აშკარაა, რომ სახე სხვა ფოტოდან არის გადაღებული. მოდით გავაკეთოთ მარტივი ფერის კორექცია. ამისათვის, ჩანართში "სურათი" გახსენით "დონეები". ძალიან მარტივია იმის გაგება, თუ როგორ გამოიყენოთ ეს ფუნქცია. "შეყვანის დონეების" სკალაზე არის 3 სლაიდერი - თეთრი (ღია ჩრდილები), ნაცრისფერი (შუა ტონები) და შავი (მუქი ჩრდილები). მათი დახმარებით თქვენ შეგიძლიათ სრულად დაარეგულიროთ ფოტოს სიკაშკაშე. შეცვალეთ სლაიდერების პოზიცია სურათის გამუქებად (მარჯვნივ) ან გასანათებლად (მარცხნივ). შემდეგ შეინახეთ "OK" დაწკაპუნებით.

დონეების რეგულირებით, შეგიძლიათ "ახალი" სახის სურათი უფრო მონოქრომატული გახადოთ

ნაბიჯი #4. ჩვენ ვმუშაობთ დეტალებზე

ახლა თქვენ იცით, როგორ ჩასვათ სხვა სახე ფოტოში რაც შეიძლება ბუნებრივად, მაგრამ თქვენი შესაძლებლობები ამით არ შემოიფარგლება. თუ გამოსახულების კონკრეტულ უბნებს დამუშავება სჭირდება, გამოიყენეთ ინსტრუმენტები მარცხენა პანელში. აირჩიეთ Blur Brush, რათა ორიგინალური ფოტოდან გადასვლა კიდევ უფრო გამარტივდეს. დაარეგულირეთ ხელსაწყოს პარამეტრები - რაც უფრო პატარაა დამუშავებული ობიექტი, მით უფრო მცირეა ფუნჯის ზომა და გამჭვირვალობა.

თქვენ ასევე შეგიძლიათ დაბნელოთ ან გაანათოთ ფოტოს გარკვეული ადგილები იმავე გზით, დაამატოთ მათ სიმკვეთრე, კონტრასტი ან გაჯერება. უბრალოდ აირჩიეთ შესაბამისი ფუნჯი ინსტრუმენტთა ზოლიდან და დაამუშავეთ გამოსახულების სასურველი ნაწილი.

გამოიყენეთ დამწვრობის და გვერდის ავლით ფუნჯები თქვენი სურათის განზომილების დასამატებლად.

ნაბიჯი #5. შეინახეთ და გაუზიარეთ მეგობრებს

შევაფასოთ საბოლოო შედეგი.

ფოტომონტაჟი დაგეხმარებათ სცადოთ თქვენი საყვარელი ფილმის გმირის როლი

შენახვამდე შეგიძლიათ დაარეგულიროთ ფოტოს ხარისხი

მზადაა! ახლა თქვენ იცით, რომ Photoshop-ში სახის სხვა ფოტოში ჩასმა ერთადერთი გამოსავალი არ არის. ეს ინსტრუქცია უნივერსალურია, გამოიყენეთ იგი პრაქტიკაში ისე, როგორც გსურთ. შეიტყვეთ და აღმოაჩინეთ პროგრამის ახალი ფუნქციები! "სახლის ფოტო სტუდია" იქნება თქვენთვის ერთგული თანაშემწენებისმიერ სიტუაციაში, როდესაც გჭირდებათ ფოტოს მაღალი ხარისხით დამუშავება.

ჩვენ გამოვუშვით ახალი წიგნი „კონტენტ მარკეტინგი ინ სოციალური ქსელები: როგორ მოხვდეთ თქვენი აბონენტების თავში და შეაყვაროთ ისინი თქვენი ბრენდი.

არსებობს მრავალი ინსტრუმენტი, რომელიც მზად არის დაგეხმაროთ თქვენი ვებსაიტის გაუმჯობესებაში, ეფექტურობის გაზრდაში ონლაინ ბიზნესიდა დაამყარეთ ურთიერთობა კლიენტებთან. ამ ხელსაწყოებიდან ბევრი უფასოა. მაგრამ რა მოხდება, თუ თქვენ არ ხართ ვებ დეველოპერი და არ იცით როგორ დააინსტალიროთ ისინი თქვენს საიტზე? ეს დიდი დაბრკოლებაა.

რაც არ უნდა ირონიულად ჟღერდეს, ბიზნესს, რომელიც ავითარებს სასარგებლო ინსტრუმენტებს თქვენი საიტისთვის, ასევე აქვს დაბრკოლება საკუთარი კეთილდღეობისთვის - საჭიროება აიძულოს თავისი კოდის დაყენება მომხმარებლებს.

შევეცადოთ ერთდროულად გადავჭრათ ორი პრობლემა, ვისაუბროთ ვებსაიტებისთვის JavaScript კოდის/სნიპეტების (ფრაგმენტების) ჩასმის ყველაზე გავრცელებულ გზებზე:

• WordPress-ზე.
• თვითნაწერი ადმინისტრატორის ანგარიშები (old-school FTP-ის გამოყენებით).
• Squarespace-ზე.
• Shopify-ზე.

სტატიის ბოლოს შევეხებით Wix-ს. უმეტეს შემთხვევაში, ეს პლატფორმა არ გაძლევთ საშუალებას დააინსტალიროთ JavaScript კოდები ან ფრაგმენტები, მაგრამ ის გთავაზობთ ალტერნატივას სხვადასხვა სერვისებისთვის ინტეგრაციის სახით.

სად შეიძლება მივიღო ინსტალაციის კოდი?

ვნახოთ, სად უნდა ვეძებოთ ინსტალაციის კოდი, მაგალითად, Crazy Egg სერვისის გამოყენებით.

პროცესი სტანდარტულია: შევიყვანთ სარეგისტრაციო მონაცემებს, ჩატვირთვის შემდეგ მივდივართ დაფაზე. იქ ვეძებთ განყოფილებას კოდით.

როგორ ჩავსვათ კოდი WordPress საიტზე

შეგიძლიათ გამოიყენოთ სპეციალური მოდული – თვალთვალის კოდების მენეჯერი.

თვალთვალის კოდების მენეჯერის ჩასართავად, გადადით საიტის ადმინისტრაციულ ზონაში და მოძებნეთ დანამატების განყოფილება მართვის პანელში.

აირჩიეთ "ახლის დამატება" ფუნქცია.

საძიებო ზოლი გამოჩნდება მარჯვნივ. შეიყვანეთ „თვალთვალის კოდების მენეჯერი“, შემდეგ დააწკაპუნეთ „დააინსტალირე ახლა“.

ინსტალაციის დასრულების შემდეგ, თქვენ უნდა დარწმუნდეთ, რომ მოდული გააქტიურებულია. მოდით გადავიდეთ პარამეტრებზე.

დააჭირეთ "ახალი თვალთვალის კოდის დამატება".

შეგიძლიათ გააკეთოთ თვალთვალის კოდების მენეჯერის მოდულის გარეშე. ამ შემთხვევაში, ჩვენი ვარიანტია კოდის ჩასმა header.php ფაილში WordPress თემები(დაწვრილებით ამის შესახებ მოგვიანებით).

როგორ დააინსტალიროთ კოდი WordPress.com საიტზე

WordPress ვებსაიტი და WordPress.com ვებსაიტი ორი განსხვავებული რამ არის.

WordPress ვებსაიტი არის ვებსაიტი, რომელიც იმართება საკუთარ სერვერზე დაინსტალირებული CMS-ის გამოყენებით. ეს ნიშნავს, რომ თქვენ გადაიხადეთ დომენის სახელი (myname.com) და ჰოსტინგისთვის.

WordPress.com უფასოა. თქვენ შეგიძლიათ დაარეგისტრიროთ ვებსაიტი მასზე ჰოსტინგის გადახდის გარეშე. ამ შემთხვევაში, საიტის URL იქნება: myname.wordpress.com. თქვენი დომენის სახელის შესაცვლელად, თქვენ მოგიწევთ რამდენიმე დამატებითი ნაბიჯის გადადგმა.

როდესაც თქვენ აწარმოებთ საიტს WordPress.com-ზე, თქვენ შეზღუდული გაქვთ JavaScript კოდებისა და ფრაგმენტების ინსტალაცია. მიზეზი უსაფრთხოების პროტოკოლია - დეველოპერები მომხმარებლებს არ აძლევენ უფლებას პლატფორმაში კოდების ჩასმა. მაგალითად, MySpace-ის დეველოპერებმა ეს დაუშვეს. ცხადია, სწორედ ამიტომ დაეცა საიტი მსოფლიოში მე-5 ადგილიდან 1967 წლამდე ექვს წელიწადში.

ამავდროულად, WordPress.com მომხმარებლებს სთავაზობს სხვადასხვა ბონუსებს ბიზნესის წარმოებისთვის. მაგალითად, Google Analytics-თან ინტეგრაცია ან სოციალური მედიის ღილაკების დამატების შესაძლებლობა. მაგრამ ზოგიერთ შემთხვევაში ეს შეიძლება არ იყოს საკმარისი.

როგორ დააინსტალიროთ JavaScript კოდები და ფრაგმენტები თვითნაწერ ადმინისტრაციულ პანელზე

FTP-ის გამოყენებით. ჩვენ უნდა დავუბრუნდეთ საფუძვლებს.

დღესდღეობით ბევრი ვებსაიტი თვითნაკეთია. თვითნაწერი ვებსაიტი შეიქმნა ნულიდან და არ იყენებს CMS-ს კონტენტის სამართავად.

წარმოვიდგინოთ, რომ სწორედ ასეთი საიტი გვაქვს. მასზე კოდის დადება ცოტა უფრო რთული იქნება ვიდრე WordPress-ზე, რადგან მოგიწევთ გახსოვდეთ FTP-ის შესახებ.

FTP მენეჯერები, როგორიცაა FileZilla, საშუალებას გაძლევთ გადაიტანოთ და ჩამოაგდოთ ფაილები და სურათები ვებსაიტიდან სერვერზე. პროგრამის გამოყენებით შეგიძლიათ დაამატოთ ფაილები სერვერზე ან ჩამოტვირთოთ ისინი, შეცვალოთ ძველი ფაილები ახლით, წაშალოთ არასაჭირო მონაცემები, შეცვალოთ დოკის სახელები.

არაფერია რთული მონაცემთა გადაცემის პროტოკოლში: სულ რაღაც 20 წუთის შემდეგ შეგიძლიათ თავი პროფესიონალად იგრძნოთ. ადამიანების უმეტესობისთვის ურთულესი ნაწილი უბრალოდ სერვერთან დაკავშირებაა.

თუ რაიმე პრობლემა გაქვთ სერვერთან დაკავშირებით, გთხოვთ, დაუკავშირდეთ თქვენს ჰოსტინგის პროვაიდერს. ამას შეიძლება ერთი საათი დასჭირდეს, მაგრამ 60 წუთის შემდეგ გაიგებთ ყველაფერს, რაც უნდა იცოდეთ. მე ჩვეულებრივ გირჩევთ ამ საუბრების ჩაწერას ScreenRecorder-ის გამოყენებით. ან თუნდაც ხელით გააკეთე შენიშვნები.

FTP სერვერზე შესვლის შემდეგ, დარწმუნდით, რომ გააკეთეთ. თუ შეცდომას დაუშვებთ, თქვენი მნიშვნელოვანი ფაილები არსად წავა. თქვენ შეგიძლიათ შექმნათ სარეზერვო ასლი, უბრალოდ გადაიტანეთ და ჩააგდეთ ყველა ფაილი სერვერიდან თქვენს კომპიუტერში.

როგორც წესი, FTP მენეჯერის პროგრამული ინტერფეისი შედგება ორი სვეტისგან. მაგალითად, მარცხენა სვეტში ქვემოთ მოცემულ სურათზე შეგიძლიათ იხილოთ ფაილები, რომლებიც ინახება კომპიუტერში. მარჯვნივ არის ფაილები სერვერიდან.

ფაილების შესაცვლელად ან დასამატებლად, უბრალოდ გადაიტანეთ ისინი ერთი სვეტიდან მეორეზე.

გაფრთხილება

ფაილების ჩანაცვლება საშიშია. ადვილად შეიძლება შეიცვალოს ახალი ვერსიაძველი ფაილი და დაკარგეთ მეტი მიმდინარე მონაცემები, შემთხვევით წაშალეთ რაიმე მნიშვნელოვანი ან დაუშვით სხვა შეცდომა. სარეზერვოსაშუალებას გაძლევთ დაიზღვიოთ თავი ასეთი შეცდომების შემთხვევაში და დაიცვათ თავი ზედმეტი პრობლემებისგან. ცვლილებების შეტანამდე დარწმუნდით, რომ შეინახეთ ყველა ფაილი ცალკეულ საქაღალდეში თქვენს კომპიუტერში.

როგორ ჩასვათ კოდი header.php-ის გამოყენებით

ვთქვათ, გვაქვს ვებსაიტი, რომლის სამართავად ვიყენებთ WordPress-ს. კოდის ჩასასმელად, ჩვენ უნდა ვიპოვოთ header.php ფაილი ან სხვა სახელწოდებით ფაილი სათაურიან ხელმძღვანელი.
სათაურისაჭიროა JavaScript კოდის ან ფრაგმენტის გასააქტიურებლად საიტის ყველა გვერდზე. ფაილის გასახსნელად შეგიძლიათ გამოიყენოთ უფასო პროგრამამოსწონს ამაღლებული ტექსტი. მისი დახმარებით თქვენ უნდა გახსნათ ფაილი, რომელიც ინახება თქვენს კომპიუტერში და არა მსგავსი ფაილი სერვერზე.

როდესაც ჩვენ ვხსნით ფაილს Sublime Text-ში, ჩვენ ვხედავთ ფერადი კოდის ცისარტყელას. ნუ გეშინია, იქ ყველაფერი მარტივია.

ყველა გვერდი დაყოფილია ორ ნაწილად - თავი (სათაურები) და სხეული (სხეული). სათაურები მითითებულია HTML კოდით და . სხეული - და.

პერსონალის უმეტესობა, რაც საიტს მუშაობს და აჩვენებს ტექსტს, მდებარეობს ამ ორ განყოფილებას შორის. ამ ტეგების საპოვნელად შეგიძლიათ გამოიყენოთ გვერდის ძებნა.
უმეტეს შემთხვევაში, შეგიძლიათ ჩასვათ კოდი დახურვის ტეგამდე.

კოდის ან სნიპეტის ჩასმის შემდეგ შეინახეთ ფაილი და ატვირთეთ სერვერზე. მზადაა.

ახლა თვითდაწერილი ადმინისტრაციული პანელების შესახებ. თუ თქვენი საიტი შექმნილია ხელით და ვერ პოულობთ სათაურს ან სათაურს, თქვენ მოგიწევთ ხელით ჩასვათ კოდი თითოეულ გვერდზე. ყველაზე ხშირად ეს არ იწვევს დიდ სირთულეს.

ზემოთ მოცემული სურათი არის ჰიპოთეტური HTML საიტი, რომელიც შედგება ოთხი HTML ფაილისგან. თუ გვინდოდა მასზე რაიმე კოდის ჩასმა, ჩვენ უნდა გავხსნათ ყველა ეს ფაილი სათითაოდ და ჩავსვათ კოდი ან ფრაგმენტი თითოეული მათგანის ტეგებში. ამის შემდეგ პროცესი სტანდარტულია: შეინახეთ ფაილები და ატვირთეთ ისინი სერვერზე ძველის ნაცვლად.

როგორ ჩავდოთ კოდი Squarespace ვებსაიტზე

Squarespace-მა ეს გაუადვილა თავის მომხმარებლებს. JavaScript კოდის ან ფრაგმენტის ჩასართავად შეგიძლიათ გამოიყენოთ „კოდის ინექცია“. მენიუში გადადით ჩანართებზე პარამეტრები > გაფართოებული > კოდის ინექცია. თქვენ შეგიძლიათ დაამატოთ კოდი საიტის ძირში.

პარამეტრების პოვნა.

გადადით ქვემოთ და დააჭირეთ "Advanced".

აირჩიეთ "კოდის ინექცია".

ჩასვით კოდი და შეინახეთ ცვლილებები.

როგორ ჩავდოთ კოდი Shopify-ზე

მართვის პანელში იპოვეთ ონლაინ მაღაზიის განყოფილება და აირჩიეთ თემები.

სასურველ ჩანართზე შესასვლელად დააწკაპუნეთ „მოქმედებები“ და აირჩიეთ „HTML/CSS რედაქტირება“.

ჩვენ გვჭირდება ფრაგმენტები.

ოფციაზე დაწკაპუნებით გაიხსნება დიალოგური ფანჯარა ახალი ფრაგმენტის დამატების ოფციით.

მიეცით ფრაგმენტს სახელი და დააჭირეთ ღილაკს Create snippet.

შეიყვანეთ ფრაგმენტის კოდი "tracking snippet.liquid" ზონაში. დააჭირეთ "შენახვას".

როგორ ჩავსვათ კოდი, თუ საიტი Wix-ზეა

Wix სწრაფად გახდა პოპულარული ვებსაიტის შემქმნელი. WordPress.com-ის მსგავსად, ის აწესებს შეზღუდვებს მისი მომხმარებლების კოდების ჩასმის შესაძლებლობაზე.

მაგრამ Wix გთავაზობთ გამოსავალს Wix App Market-ის სახით. აქ შეგიძლიათ იპოვოთ სხვადასხვა ვიჯეტები მარკეტინგის, სოციალური მედიისა და ანალიტიკისთვის. სხვათა შორის, იქ ასევე შეგიძლიათ ხმა მისცეთ ყველაზე საჭირო ვიჯეტს.