Systems and methods for adjusting an aspect ratio of a content slot
The present disclosure describes techniques for optimizing screen utilization of a content item displayed on a client device. The method can include receiving, from a client device, a request for content including one or more parameters corresponding to a content slot. The method can include determining that a first display orientation of the content item does not match a second display orientation of the content slot. The method can include transmitting, responsive to determining that the first display orientation of the content item does not match the second display orientation of the content slot, the content item and instructions that when executed, cause the client device to adjust an aspect ratio of the content slot based on the first display orientation of the content item.
1 . A method comprising:
receiving, by one or more processors coupled to memory, from a client device, a request for content, the request including one or more parameters corresponding to a content slot of a plurality of content slots of a web page;
identifying, by the one or more processors, a first display orientation of a content item selected responsive to the request for content, the content item to be displayed in the content slot;
identifying, by the one or more processors, based on the one or more parameters of the request, a second display orientation of the content slot within which to display the content item;
determining, by the one or more processors, that the first display orientation of the content item does not match the second display orientation of the content slot; and
transmitting, by the one or more processors, responsive to determining that the first display orientation of the content item does not match the second display orientation of the content slot, the content item and instructions that when executed, cause the client device to adjust an aspect ratio of the content slot based on the first display orientation of the content item.
2 . The method of claim 1 , wherein the aspect ratio is a first aspect ratio and wherein determining that the first display orientation of the content item does not match the second display orientation of the content slot comprises:
identifying, by the one or more processors, a second aspect ratio of the content item;
determining, by the one or more processors, a difference between the second aspect ratio of the content item and the first aspect ratio of the content slot; and
determining, by the one or more processors, responsive to the difference exceeding a predetermined threshold, that the first display orientation of the content item does not match the second display orientation of the content slot.
3 . The method of claim 1 , wherein the request for content includes a resolution of a screen of the client device and the request for content requests full-screen content to occupy the screen of the client device.
4 . The method of claim 1 , further comprising selecting, by the one or more processors, responsive to the request for content, the content item from a plurality of content items.
5 . The method of claim 1 , further comprising:
determining, by the one or more processors, that the selected content item is a video content item; and
wherein determining that the first display orientation of the content item does not match the second display orientation of the content slot is responsive to determining that the selected content item is the video content item.
6 . The method of claim 1 , wherein the instructions further include the first display orientation of the content item and when executed, further cause the client device to adjust the aspect ratio of the content slot based on the first display orientation.
7 . The method of claim 1 , wherein the instructions when executed, further cause the client device to swap a height of the content slot with a width of the content slot to adjust the aspect ratio.
8 . The method of claim 1 , further comprising transmitting, by the one or more processors, the content item responsive to determining that the first display orientation of the content item matches the second display orientation of the content slot.
9 . The method of claim 1 , further comprising:
determining, by the one or more processors, from the request for content, a device type of the client device; and
transmitting, by the one or more processors, the content item in a format based on the device type.
10 . The method of claim 1 , wherein the instructions when executed, further cause the client device to lock an application displaying the content slot to the second display orientation during display of the content item.
11 . A system comprising:
one or more processors coupled to memory, the one or more processors configured to:
receive, from a client device, a request for content, the request including one or more parameters corresponding to a content slot of a plurality of content slots of a web page;
identify a first display orientation of a content item selected responsive to the request for content, the content item to be displayed in the content slot;
identify, based on the one or more parameters of the request, a second display orientation of the content slot within which to display the content item;
determine that the first display orientation of the content item does not match the second display orientation of the content slot; and
transmit, responsive to determining that the first display orientation of the content item does not match the second display orientation of the content slot, the content item and instructions that when executed, cause the client device to adjust an aspect ratio to the content slot based on the first display orientation of the content item.
12 . The system of claim 11 , wherein the aspect ratio is a first aspect ratio and wherein determining that the first display orientation of the content item does not match the second display orientation of the content slot comprises:
identify a second aspect ratio of the content item;
determine a difference between the second aspect ratio of the content item and the first aspect ratio of the content slot; and
determine, responsive to the difference exceeding a predetermined threshold, that the first display orientation of the content item does not match the second display orientation of the content slot.
13 . The system of claim 11 , wherein the request for content includes a resolution of a screen of the client device and the request for content requests full-screen content to occupy the screen of the client device.
14 . The system of claim 11 , wherein the one or more processors are further configured to select, responsive to the request for content, the content item from a plurality of content items.
15 . The system of claim 11 , wherein the one or more processors are further configured to:
determine that the selected content item is a video content item; and
wherein determining that the first display orientation of the content item does not match the second display orientation of the content slot is responsive to determining that the selected content item is the video content item.
16 . The system of claim 11 , wherein the instructions further include the first display orientation of the content item and when executed, further cause the client device to adjust the aspect ratio of the content slot based on the first display orientation.
17 . The system of claim 11 , wherein the instructions when executed, further cause the client device to swap a height of the content slot with a width of the content slot to adjust the aspect ratio.
18 . The system of claim 11 , wherein the one or more processors are further configured to transmit the content item responsive to determining that the first display orientation of the content item matches the second display orientation of the content slot.
19 . The system of claim 11 , wherein the one or more processors are further configured to:
determine, from the request for content, a device type of the client device; and
transmit the content item in a format based on the device type.
20 . The system of claim 11 , wherein the instructions when executed, further cause the client device to lock an application displaying the content slot to the second display orientation during display of the content item.