Page 1

Using the Video Wall Module Revised: January 6, 2010

Google proprietary and confidential. The features described in this document are subject to change.

1 of 13


Using the Video Wall Module Revised: January 6, 2010 Overview About this document Layout and Design Customizing the colors of the Video Wall Video collection Optional features Randomization Search Voting Google Analytics Accessing Analytics reports

Overview This document describes the Video Wall module, a gadget that displays thumbnail images for a collection of YouTube videos on a grid. Users can scroll to see multiple pages of thumbnail images depending on the number of videos included in the video collection. The Video Wall is available for inclusion on brand channel pages. It is 960 pixels wide and 465 pixels tall if it does not display a search field. If it does display a search field, then its height is 480 pixels. The Video Wall can either appear at the top of your brand channel page (just below the channel banner) or just below the video navigator module. In the image below, the Video Wall shows thumbnail images for 28 videos and does not display a search box. Alternate layouts showing 20 or 50 thumbnails are also available.

Google proprietary and confidential. The features described in this document are subject to change.

2 of 13


Users can scroll over any thumbnail to see more information about the associated video. This information, which includes the video's title, rating and length, will display below the thumbnail grid. Users can also click on a thumbnail to watch the video in a 480x360 player that displays in the center of the module. Once the video player is open, the user can use the player controls or can scroll to watch other videos. After a video has finished playing (or if the user clicks the share button in the video player), a sharing overlay displays links to popular social networking sites as well as the URL for the video on YouTube. The image below shows a Video Wall module in which the video player is open. The red, dashed line in the image, which would not be visible on an actual channel page, shows the module's actual dimensions. When the player is open, the module expands slightly to its full 960x465 width, and a transparent, shaded overlay also appears over the thumbnails in the Video Wall. The overlay may obscure part of the background image that is fully visible when the player is not open.

Google proprietary and confidential. The features described in this document are subject to change.

3 of 13


About this document

This document contains the following sections: • The Layout and design section describes layout options for the Video Wall module and also explains how to customize the colors of the module. Your Technical Producer will actually create your Video Wall, but you will identify the desired layout and color codes for your gadget to your Technical Producer. • The Video collection section explains options for selecting the videos that will display in your Video Wall. • The Optional features section explains features that you can choose to enable for your video module. • The Google Analytics section explains how to set up a Google Analytics account and enable Analytics event tracking for your Video Wall module.

Layout and Design You can choose between three layout options for the Video Wall: • 20 thumbnails appear per page on a 5x4 grid. • 28 thumbnails appear per page on a 7x4 grid. • 50 thumbnails appear per page on a 10x5 grid.

Google proprietary and confidential. The features described in this document are subject to change.

4 of 13


The Video Wall module will display scroll buttons if thumbnails for all of the videos in your collection do not fit on a single page. For example, if your Video Wall shows 28 thumbnails per page, then it will display scroll buttons if your video collection contains at least 29 videos. If your video collection does not contain enough videos to fill the Video Wall, the thumbnails will fill rows from the top left to right, leaving any remaining spaces empty. For example, if your Video Wall shows 20 thumbnails per page and your video collection contains 36 videos, then the Video Wall will show one page that shows 20 thumbnails and a second page that shows 16 thumbnails. The 16 thumbnails will be displayed in three rows of five thumbnails and one row of one thumbnail. You may want to keep this rule in mind when adding videos to your video collection, either by adding videos to your playlist or by approving contest submissions. For example, suppose the playlist used to populate a Video Wall contains 200 videos, which is the maximum number allowed for a playlist. If the Video Wall displays 20 thumbnails per page, then it will show 10 pages of 20 thumbnails each. If it displays 50 thumbnails per page, then it will show four pages of 50 thumbnails each. However, if it displays 28 thumbnails per page, then it will show seven pages of 28 thumbnails and one page of four thumbnails. However, if the playlist is limited to 196 videos, then each page on the Video Wall would display exactly 28 videos. Customizing the colors of the Video Wall

You can customize a number of colors used in the module. The table below identifies and describes each of the customizable color settings. After selecting your colors, please send the hexadecimal codes for those colors to your Technical Producer, who will set them for your Video Wall module.

Google proprietary and confidential. The features described in this document are subject to change.

5 of 13


Url parameter

Description

Default UI Element

The default color of UI elements before a user interacts with them. In the thumbnail grid view, the buttons for scrolling between pages of video thumbnails will both use this color. In the video player view, the buttons for scrolling between videos, play button, video progress bar, volume button, sharing button and close button all use this background color.

Highlight UI Element

The hover color for UI elements. This color displays when a user scrolls over the element without clicking it. Until the user scrolls over the element, the Default UI Element color displays. If the user clicks the element, then the Active UI Element color displays.

Active UI Element

The color of UI elements when in their down state. The active color is only visible while the button is being clicked – i.e. the mouse is hovering over the button and the mouse button is being clicked.

UI Element Details

The color of icons that appear in module buttons. The buttons are the same as those listed for the Default UI Element color setting. Detail icons include the carats ("") inside the scrolling button, the X inside the button for closing the video player, the arrow inside the play button, the speaker inside the volume button, and so forth.

Background Panel

The color of the Video Wall's background panel, which displays behind thumbnail images and around the video player.

Text Setting 1

In the thumbnail grid view, this color is used for video titles, which display below the grid when you scroll over a thumbnail. In the video player view, this color is used for the video title and for the elapsed time and video duration, which display next to the video progress bar.

Text Setting 2

This color is used for pagination text, which appears in the lower right corner of the Video Wall. In addition, when a user scrolls over a thumbnail image, this color is used to display the duration of that video. The duration is shown below the Video Wall alongside the video title and rating.

Star Rating

The color used to display the star rating of a video. The rating appears below the Video Wall when you scroll over a thumbnail image in the thumbnail grid view. The rating also displays in the video player.

Star Background

The background color of the stars used to show the star rating. For example, if a video is rated 3 out of 5 stars, then three stars will be shown in the Star Rating color, and two stars will be shown in the Star Background color.

Positive Rating Button

The color of the thumbs-up rating button, which displays if you are using videos from a contest and have enabled voting in the Video Wall module.

Negative Rating Button

The color of the thumbs-down rating button, which displays if you are using videos from a contest and have enabled voting in the Video Wall module.

Video Sharing Links

The color of links to share a video on popular networking sites. These links display in the video player window after the end of the video.

The image below shows many of the customizable color settings in the Video Wall.

Google proprietary and confidential. The features described in this document are subject to change.

6 of 13


Video collection You can use either of the following sources to populate your Video Wall: • YouTube playlist – You can create a playlist that contains the videos that you want to display in the Video Wall. Using a playlist makes the Video Wall load very quickly. However, the optional voting and search features are not available for Video Wall modules that use a playlist for their video collection. Please note the following behaviors for Video Walls that display videos from a playlist: ◦ By default, the Video Wall will show videos in the same order as the playlist. You can reorder the videos or set your playlist to start with a particular video by logging in to your YouTube account and updating the playlist. ◦ YouTube playlists contain a maximum of 200 videos. However, if you qualify for a Video Wall, you can ask your Technical Producer to enable your playlist to contain up to 1,000 videos. ◦ If your playlist does not have enough videos to fill at least one page of the Video Wall, the Video Wall's display area may shrink to adjust to the number of videos in the playlist. Since the part of the Video Wall that surrounds the gadget is transparent, not having enough videos to fill the Video Wall will effectively reveal more of your channel's background image. However, the Video Wall gadget itself will be the same size and will occupy the same amount of space on your channel regardless of how many videos are in your playlist. ◦ Deleted, private and disabled videos in a playlist display as gaps in a Video Wall. As such, if any of the videos in the playlist are modified so that they are not publicly visible, you should also remove the video from the playlist to ensure that your Video Wall does not display any blank spots.

Google proprietary and confidential. The features described in this document are subject to change.

7 of 13


• Approved contest submissions – The Video Wall can display the approved submissions for a YouTube contest. If the contest is still running, the Video Wall will reflect changes to the video collection (as additional contest submissions are approved). Before you can show a video in your Video Wall, you must obtain permission from the video's owner to use the video. There are several ways to obtain permission: • If your Video Wall displays approved submissions from a YouTube contest, we recommend that you add something to the contest's Terms and Conditions indicating that you might display contest entries in the Video Wall. As such, when a user accepts the contest's Terms and Conditions to submit a contest entry, he will also be consenting to your use of his video in the Video Wall. • You can contact video owners directly to request permission to show their content in your Video Wall. • You can use your Video Wall to showcase your own original videos.

Optional features You can choose whether to enable the following optional features for your Video Wall. Please contact your Technical Producer if you would like to use any of them: Randomization Search Voting

Randomization

The following process explains how YouTube determines which videos to display in the Video Wall for a particular user visit. The process differs slightly depending on whether the Video Wall displays videos from a playlist or from a contest. • YouTube playlist 1. By default, the Video Wall will show videos in the same order as the playlist. You can reorder the videos or set your playlist to start with a particular video by logging in to your YouTube account and updating the playlist. 2. YouTube also offers an option to scramble the thumbnails that appear on your Video Wall. For example, suppose your Video Wall displays 20 thumbnails per page from a playlist containing 40 videos. By default, the first page of the Video Wall will display videos 1 to 20 in order. However, if you use the randomization feature, however, the same thumbnails will display on the first page but in a different order each time. The second page would display thumbnails 21 to 40, also in random order. • Approved contest submissions

Google proprietary and confidential. The features described in this document are subject to change.

8 of 13


1. YouTube uses a random, unique ID that is permanently assigned to each video to determine the display order. YouTube alphabetizes videos in your collection by their IDs to get a display sequence. As videos are added to the collection, their IDs determine their positions in that sequence. 2. By default, YouTube chooses a random point in the sequence to determine which video will display in the top-left corner of your Video Wall. Videos are then added in rows, based on their order in the sequence described in step 1, to fill the module. 3. YouTube also offers an option to scramble the thumbnails that appear on any Video Wall page. For example, suppose your Video Wall pages show 20 thumbnails from a collection of 60 videos. For a given user visit, YouTube randomly selects the 19th video as the starting point. Normally, the Video Wall would show videos 19 to 38 based on their order in the sequence. However, if you enable this feature, YouTube will display those videos in random order, thereby creating much more variety in the actual display order. Search

If your Video Wall uses the approved submissions for a contest as its video collection, you can opt to display a search box in the top-right corner of the module. When a user enters a query in the search field, YouTube will match the query to the titles, descriptions, tags and other metadata for the videos in the video collection, and the module will then display any matching videos. You can also customize the text that displays, by default, in the search box as well as the message that displays if the user's search query does not match any videos in the collection. The user can return to the complete video collection in the Video Wall by clicking the close (X) button next to the search box. Voting

If your Video Wall uses the approved submissions for a contest as its video collection, you can enable voting in the module's video player. A user can rate each video with a positive (thumbs-up) or negative (thumbs-down) rating, and the votes will be recorded in the contest administration tool. The first image below shows how the voting buttons display in the Video Wall's player. The buttons use the Default UI Element and UI Element Details colors before the user has voted. The second image shows how the voting button appears after a vote has been submitted, in this case using the Positive Rating Button color for the button's background.

Google proprietary and confidential. The features described in this document are subject to change.

9 of 13


Image 1: Voting buttons in video player

Image 2: Vote submitted in video player

If you opt to use this feature, we recommend that you also enable the randomization feature.

Google Analytics The Video Wall supports Google Analytics, enabling you to track user interactions with the module. The following steps explain how to set up Analytics for your module. 1. Go to http://www.google.com/analytics. Click the Access Analytics button to log in with an existing Gmail address that you will use to access Video Wall data, or click Sign Up Now. 2. If you already have an Analytics account that you use to track interactions with your brand on YouTube, create a new profile in that account to track user interactions with

Google proprietary and confidential. The features described in this document are subject to change.

10 of 13


your Video Wall module. Follow the instructions for adding a profile to complete this step and then skip step 4. 3. If you do not already have a Google Analytics account for tracking interactions with your brand on YouTube, follow these steps to create a new account: i. Click the Sign Up button. Your Analytics account identifies a website where you will track information and is different from the account that you use to log in to Analytics. (Your login can actually be associated with multiple Analytics accounts.) ii. Fill in the required fields for your account. We recommend that you enter the YouTube brand channel URL for your contest as the website URL for the Analytics account. After you complete the set-up process, Analytics will display code that includes a profile ID in the format UA-######-#. 4. Email your profile ID to your Technical Producer for inclusion in your Video Wall. Google Analytics will begin tracking user interactions once this profile ID has been added. Accessing Analytics reports

The following steps explain how to access Analytics reports once your Video Wall is live and you have created your Google Analytics profile for tracking interactions with the Video Wall: 1. Log into Google Analytics at http://www.google.com/analytics. 2. Click the name of the Google Analytics account that you are using to track user actions in the Video Wall module. 3. Click the View Report link next to the appropriate Google Analytics profile.

4. On the left dashboard, click the Content link. 5. Click the view full report link that appears at the bottom of the center column of the page.

Google proprietary and confidential. The features described in this document are subject to change.

11 of 13


6. On the top right, select the date range for which you would like to view data. You can see data as of the time that Google Analytics was implemented for your Video Wall.

7. Google Analytics displays different user interactions with the Video Wall module as pages. Each page lists a pageview count and a unique pageview count. Unique pageviews are only counted once per session, so the pageview count identifies the number of times that an interaction actually occurred. You can also adjust the number of rows displayed on the report page using the drop-down menu below the statistics table.

Google proprietary and confidential. The features described in this document are subject to change.

12 of 13


8. You can sort the data in the report using a number of different metrics, and you can also export or email the data.

The report lists the following page types: • /page_view/ – A user visits any page of the Video Wall (including the first page). • /visit/ – A user visits the first page of the Video Wall. • /scroll_page_left/ – A user clicks a button to navigate to the previous page of videos in the Video Wall. • /scroll_page_right/ – A user clicks a button to navigate to the next page of videos in the Video Wall. • /video_view/videoID – A user navigates to watch a video, either by clicking a thumbnail in the Video Wall or by scrolling in the video player. • /scroll_video_left/ – A user clicks a button in the video player to navigate to the previous video in the Video Wall. • /scroll_video_right/ – A user clicks a button in the video player to navigate to the next video in the Video Wall. • /thumbs_up/ – A user gives a positive (thumbs-up) vote to a video. • /thumbs_down/ – A user gives a negative (thumbs-down) vote to a video. • /share_button_click – A user clicks the "share" button in the video player controls. • /share_SocialNetwork/ – A user clicks a link to share a video via a social network. The name of the network is appended to the URL. • /link_field_click/ – A user clicks a link to navigate to a video's watch page on YouTube. © Google Inc. 2010. All Rights Reserved.

Google proprietary and confidential. The features described in this document are subject to change.

13 of 13

test  

testsergsr

Read more
Read more
Similar to
Popular now
Just for you