search

airbnb / lottie-web

Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
MIT License
30.54k stars 2.87k forks source link

Feature request: Export for Google ads, Double Click etc. #1896

Closed foguetes closed 4 years ago

foguetes commented 4 years ago

It would be a huge timesaver when creating banner ads, if I could export an upload-ready zip file directly from Bodymovin.

Essentially, it could be something like the existing demo mode but without the unnecessary code. The structure of the zip would be:

The necessary tags would be generated and included in the html file during export, including the resolution of the comp.

I prepared an example that I am attaching to this post.

adwords_template.zip

bodymovin commented 4 years ago

Hi, I have been working today on an initial version of this feature. Would you be willing to try it out?

foguetes commented 4 years ago

of course! have you released it?

bodymovin commented 4 years ago

Thanks! bodymovin.zip On the settings there is an Export Mode option where you have to select Banner and then custmomize it. Let me know if you have any questions.

foguetes commented 4 years ago

it seems to be working great. I would just change a few things.

1 - The output when choosing this method should be a zip file and the lottie player js file should already be included. 2 - There should be a field in the exporter to add the clicktag url so it doesn't have to be added manually later.

These would be great timesavers when doing large series of banners.

bodymovin commented 4 years ago

I was hesitant about exporting as a zip. If users want to check it out, I think it's easier to get all separate and zip them when necessary. I'll add an option to choose one or the other. I'll work on the other ones later today.

foguetes commented 4 years ago

Thanks a lot! Zipping them is always necessary. That's the only way we can run them through the validator (https://h5validator.appspot.com/adwords/asset, https://h5validator.appspot.com/dcm/asset) before we upload it to the Google Ads or Doubleclick platform. It's a lot easier and faster if we get the zip directly from AE and send it straight to the validator. We can then look into the contents of the zip in case something goes wrong.

bodymovin commented 4 years ago

bodymovin.zip new version!

foguetes commented 4 years ago

Everything seems to be working fine.

The only thing is that bodmovin always exports it as banner.zip, regardless of the filename I write.

I'd like to be able to export all of the banners to the same folder, so I would have 120x600.zip, 160x600.zip etc.

One thing that could be improved is the manual input of the comp's resolution. I think it would be much better if bodymovin would automatically recognize it and add it to the html file, if that's possible.

bodymovin commented 4 years ago

version three: bodymovin.zip detects comp sizes and saves the zip file with the original name.

foguetes commented 4 years ago

This is perfect. Except for one minor thing. When I configure the export for one comp and click on the "Remember Settings" button, it remembers the comp size settings too. So when I apply those settings to multiple comps they all change to the same resolution. Would it be possible to keep each comp's individual resolution when applying the remembered settings?

bodymovin commented 4 years ago

bodymovin.zip So what I did instead of not copying those properties is adding a toggle to use composition's original size. If checked it will use the default size, if checked, the custom size.

foguetes commented 4 years ago

Thanks a lot! It's perfect! Making banners is easier than ever.

When do you plan to merge this with the main release?

bodymovin commented 4 years ago

released on version 5.6.1 thanks for all your help!

qaribhaider commented 3 years ago

released on version 5.6.1 thanks for all your help!

Hi, has this been added/merged? I can't see any info related to using this, assist please?

brybby commented 3 years ago

I'm also very keen to see if this has been added/merged. I'm not seeing it popup anywhere in my version.

bodymovin commented 2 years ago

@brybby where are you checking? can you share a screenshot?

brybby commented 2 years ago

NVM! I was able to figure it out! It made me look so good at my new job!

On Mon, Nov 8, 2021 at 5:44 PM hernan @.***> wrote:

@brybby https://github.com/brybby where are you checking? can you share a screenshot?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/airbnb/lottie-web/issues/1896#issuecomment-963677525, or unsubscribe https://github.com/notifications/unsubscribe-auth/AONRCIXLVTKQ4MJOPZKSK7LULBOHPANCNFSM4JVZMWZA . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

fleurdeboer commented 2 years ago

Hi! I used the amazing plug-in to export banners. Used the Banner setting, but now I got feedback from my client/campaign operators that "clicktag" doesn't work. So they can't attach an URL to it. Is there a solution for this? Thanks, big help!