Scribd
Upload
20 views4 pages

Create Playable Ad For Facebook Using CocosCreator

Facebook's requirements for playable ads include using HTML5 format, ensuring demo ads are under 2 MB, and consolidating all resources into a single HTML file without external requests. The demo footage must be in portrait mode, while the lead video should have a landscape or square aspect ratio. Additionally, images and sound resources must be compressed to meet size requirements, and issues with aspect ratios or browser compatibility may arise during the upload process.

Uploaded by

judytlay2024
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
20 views4 pages

Create Playable Ad For Facebook Using CocosCreator

Facebook's requirements for playable ads include using HTML5 format, ensuring demo ads are under 2 MB, and consolidating all resources into a single HTML file without external requests. The demo footage must be in portrait mode, while the lead video should have a landscape or square aspect ratio. Additionally, images and sound resources must be compressed to meet size requirements, and issues with aspect ratios or browser compatibility may arise during the upload process.

Uploaded by

judytlay2024
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

facebook's requirements for playable ad

Play the AD parameters

Demo AD parameters are the requirements to be met when


creating demo AD material.

The demo should be in HTML5 format.

Demo AD materials should not be in the mraid.js format.

The single HTML file and the footage containing the demo AD
with all the footage should be compressed data for the URI.
(Javascript, CSS, images, sounds).

The playable AD code should use the Javascript function


FbPlayableAd.onCTAClick() when the user interacts with the call
to action in the AD. Facebook uses this code to direct navigation
to the correct app page in the App Store.

The demo should be less than 2 MB in size.

Loading dynamic materials over an external network is not


allowed.
Merge into a file trick: Encode the image as a base64 string,
integrate js into index.html.

Demo AD footage should be in portrait mode.

Demo footage should be designed in a responsive manner, as it


needs to support multiple device types with different device
resolutions.

The demo HTML5 material should not contain any JS redirects.

Demo AD materials should not make any HTTP requests.

The lead AD video must have a landscape or square aspect ratio.


Portrait video is not supported.
The red part is what we need to focus on, and the blue part is the
problem we need to solve.

There are two problems:

Consolidate all resources into one html;

After consolidation, the size of the html file should be under 2M.

The solution to the first problem is as follows: Consolidate all your


resources into one file, and use the python plugin written by the
god. Click here to jump!

The solution to the second problem: compress the picture,


compress the sound resources.

Images can be compressed using tinypng. You can compress


them online using web pages or in batches using scripts. Click
here to obtain batch scripts.

Compression of sound resources. The idea of compression is


mainly to reduce the sampling rate, reduce the bit rate, use
mono, and the format is recommended to use mp3. mac users
recommend the use of software Music convert-audio Converter,
Convert format, adjust parameters, batch compression and
export, very convenient. Adobe Audition for windows users.

After successfully typing index.html using the above method, you


are not done. After the facebook background upload is
completed, the following error may appear:

If the following error occurs, please change the browser or


upgrade the browser (the following error occurred in the old
version of chrome used there for the first time, and this error no
longer occurs after updating chrome)
If the following problems occur:

Playable Asset Media Invalid Aspect Ratio: The media associated


with a playable asset needs to have an aspect ratio greater than
or equal to 1.

Not because of our game reasons, but the uploaded video size is
not correct, the video should be more than 1 aspect ratio, try to
play a square video to understand what it means.

You might also like