שיווק תוכן

וורדפרס: כיצד ליצור חלון קופץ לווידיאו

סרטוני Vimeo ו-YouTube מציעים כעת סרטונים בחדות גבוהה שיכולים לתפוס לא מעט נדל"ן באתר אינטרנט או בבלוג. אחת הדרכים לבצע אופטימיזציה לכך היא להשתמש בשיטה הנקראת Facebox. תיבת פנים היא אמצעי נחמד להצגת חלון בתוך הדף שלך ללא חלון קופץ נפרד.

קו הצלה-וידיאו-כפתור. png

מרכזי נתונים לחבל הצלה היה סרטון שהופק על ידי Another Cool Design אותו הם רצו להציג בדף הבית שלהם - מבלי להעביר את העיצוב מחדש או לעצב אותו מחדש. אז - עשינו תמונה קטנה ונחמדה עם כפתור הפעלה גדול ושילבנו קוד שיוצר חלון מסוגנן להצגת הווידיאו בתוכו.

קו הצלה-וידאו-facebox.png

היישום היה פשוט באמצעות ה- תוסף גלריית Facebox ל- WordPress החל מ- Truimage. יצרתי עמוד חיצוני (video.html) בשורש האתר שמכיל את הסרטון (עם הפעלה אוטומטית = 1 כך שהוא יופעל אוטומטית כשהוא נפתח), ואז הוסיף ווידג'ט טקסט עם הטקסט הדרוש.

<a href="video.html" rel = "תיבת פנים" onclick = "javascript: pageTracker._trackPageview ('/ special / mypage');"> 

אל האני rel = תיבת פנים ייעוד הוא זה שיוזם את הקוד לאחר לחיצה על הקישור. זה קופץ לתיבת הפנים של הווידאו שמתחילה להתנגן מיד. זהו יישום פשוט ופתרון קל להטמעת סרטון אחד או יותר בעמוד. אנו נשתמש בשיטה זו באתר אחר בקרוב מאוד!

הערה: חשוב לצלם את מספר הצפיות עם הסרטון בתוך הלקוח ניתוח (גוגל אנליטיקס), אז הוספנו גם אירוע onclick בתג העוגן. כעת, כשאנשים לוחצים על הסרטון, אנו מקבלים תצוגת דף 'וירטואלית'. הוספתי את הקוד לעיל.

Douglas Karr

Douglas Karr הוא CMO של פתח INSIGHTS ומייסד ה Martech Zone. דאגלס סייע לעשרות סטארט-אפים מצליחים של MarTech, סייע בבדיקת נאותות של למעלה מ-5 מיליארד דולר ברכישות והשקעות של Martech, וממשיך לסייע לחברות ביישום ואוטומציה של אסטרטגיות המכירות והשיווק שלהן. דאגלס הוא מומחה ודובר בטרנספורמציה דיגיטלית ומוכר בינלאומי ב-MarTech. דאגלס הוא גם מחבר שפורסם של מדריך Dummy וספר מנהיגות עסקית.

מאמרים נוספים

לחצן חזרה למעלה
סְגוֹר

זוהה חסימת מודעות

Martech Zone הוא מסוגל לספק לך תוכן זה ללא עלות מכיוון שאנו מייצרים רווח מהאתר שלנו באמצעות הכנסות ממודעות, קישורי שותפים וחסויות. נשמח אם תסיר את חוסם המודעות שלך בזמן שאתה צופה באתר שלנו.