This is really useful if you want to aggregate all the reports from different platforms in one place (like Google Loocker Studio).

Google Cloud Storage prerequisites:

1. Create a Storage Bucket (or use an existing one). Use default settings like Storage class: Standard, Public access prevention: On, …

2. Create a Service Account (IAM)

Input the name/account id for the new service account

Select a Role: Cloud Storage -> Storage Object Admin

Add IAM Condition so that this service account will have the access ONLY to the specified Storage Bucket

Click DONE to create the service account

Next create a JSON key for this account. Click Manage keys -> ADD KEY -> Create new key

The JSON file with the key will be downloaded to your PC.

Open the JSON file with the text editor and copy the key

Copy and paste this key along with the bucket name into Bannernow Report Builder

Select Scheduled report, Upload report to Google Cloud Storage bucket

Now all your reports will be stored automatically in the Google Cloud Bucket.

This means you can seamlessly design creatives in languages such as Arabic, Hebrew, or Persian.

Make sure to choose a compatible RTL font for your text. To enable support for right-to-left text, simply select the text on the stage and navigate to Text Settings > RTL Direction, and check the box.

With this feature, you can effortlessly design and animate creatives with RTL text, ensuring your message is effectively communicated in any language.

Let’s start by selecting the background image. From the left panel click “Crop” to cut the image.

In the modal you can use different Crop options.

One of them is to drag the corner and edge handles to specify the crop boundaries in your photo.

Enter your own size for the crop box.

Choose the same value for scale to keep the right proportions.

Reverse image to achieve a mirror effect with one touch.

Flip image horizontally:

Flip image vertically:

Rotate the image by clicking “rotate left” and “rotate right” in the top menu. Also you can input a specific angle.

A clickTag is a simple HTML string variable used by Ad Networks to set a specific redirect URL to your banner. If clickTag is passed to the banner (via Ad network) it will overwrite your default ad hyperlink.

In Bannernow the clickTag is INCLUDED by default in your banners.

If you need to add more clickTags (for example set a separate clickTags on different elements in your banner) – use window.clickTag1, window.clickTag2 as a hyperlink url the selected element.

Create a new banner. Add an Image item on Stage.

Save your banner and close the editor.

Once in Dashboard you can see current banner size(in Kb) under banner’s thumbnail.

Now we can see what happens if we compress images in banner. Click Edit banner from the dashboard to open up the editor with a banner you previously created.

Click directly on the image and in Transform tab change the height to 300 and width to 250 pixels (the banner size).

Switch on Background and select “Cover” from the dropdown menu.

Go to Global Settings and switch on Compress Images option (Canvas/Scene settings).

Save your banner again. Now hover over banner’s thumbnail and you can see that the size of the banner decreased, because now images inside the banner are optimized.

Bannernow includes a handy feature called Fallback. When the Fallback option is enabled, Bannernow creates an animated GIF image or MP4 that replaces your HTML5 banner. This is handy when the client has a slow internet connection or has disabled javascript in the browser. In this case, Fallback will be shown until the HTML5 banner loads.

How to use this feature:

Click on the “Settings” menu button, then in the “Polite Loading” panel turn on “GIF” or “MP4” option.

Since fallback generates an animated GIF image based on framed screenshots. You can customize it will look exactly by using the fallback keyframes (draggable red indicator).

When dragging the keyframe indicator (red line) you’ll view how the banner changes its state on the stage, producing a preview of items visible on a particular timeframe. Click Add fallback keyframe button/icon to add a new frame to the fallback GIF animation. When a frame is added, a frame icon will appear on the timeline. However, if you want to remove a frame, simply click on the frame’s icon and in the menu click delete.

When producing a fallback GIF, you’ll be able to have as many frames as you want. In order to add another frame, just move the keyframe indicator further in the timeline and click the “add fallback keyframe” button/icon again. This way, another frame will be created.

To check the preview of the Fallback, simply click on “Fallback” tab in the top menu.
In some cases, you’ll notice the GIF preview is not matching the image visible on the editor canvas. This is simply because, during preview mode, you will only see the actual screenshot with an animation effect (for example, during the fade out) while on the canvas, you will see the item’s static position (visible or hidden).

When creating a fallback GIF keep in mind that the more frames you add to the fallback the heavier (more KB) the GIF image will be. It’s advised to try to limit the number of frames.

Also, when the Fallback option is enabled for a banner, Bannernow will utilize your first keyframe, in order to generate the banner’s thumbnail in the dashboard.

It’s possible to download the GIF/MP4 file and use it separately from the HTML5 banner.

GIF Fallback sample (3 keyframes)

1. Click Publish button.

2. When publishing your ads, you will follow these 3 easy steps:

First step – select banner sizes you need to publish;

Second step – select the Ad Network;

Third step – Turn on the Responsive checkbox. Use the generated Embed Code in any Ad Network or on your website (You banner will be scaled depending on its parent HTML container/div).

When an animation becomes a little bit more complex and consists of many images, its size (in MB) will increase. Therefore, it may be possible that browsers take several seconds to load the animation itself. This creates a waiting period of time in which users are not sure what may be going on.

For this matter, the BannerNow team introduced a simple yet helpful preloader, this preloader, signals users how the content is being loaded how users will see it at the moment.

The Preloader is disabled by default. In order to set it up, you need to turn on the Preloader switch.

When Pause on Cursor is on, this will enable the animation to pause/stop anytime the cursor hovers over it. The animation will continue playing as soon as the cursor is off the image.

This feature allows you to set how many times your banner will play from beginning to end. You’ll be able to set it to play once, a certain number of times, or forever.

In order to stop a banner on the last loop on a specific position input number (in seconds) do so in the Stop Second After Last Repetition input.