As a precautionary health measure for our Google support specialists in light of COVID-19, some support options may be unavailable or delayed. We apologize for any inconvenience this may cause and appreciate your patience. This message will be updated as the situation changes.

/webdesigner/community?hl=en
This content is likely not relevant anymore. Try searching or browse recent questions.
How do I get the CTA to have a mouse hover only at the end of the creative?
1
I have the mouse hover effect on the CTA but it appears since the beginning of the animation when you mouse hover at any time and the idea is to have just at the end when the animation finishes by mouse hover the ad and the CTA changes the colour.
Details
Pinned
Locked
Latest Update Latest Updates (0)
Relevant Answer Relevant Answers (1)
Relevant Answer
Not sure if you already solved that
Here's how i would do it:

Insert an event on the ad page, select "ready to present page" under page events, and add a new custom code, name it "init"

on the code paste:

gwd.globalVars = gwd.globalVars || {};
gwd.globalVars.adEnded = false;

then go to your timeline and add an event marker at the same spot your timeline ends (you can call it pos_end)

then add an event, select your page,  select timeline, select the event marker pos_end, add a new custom code, name it adEnd and paste the code bellow:

gwd.globalVars.adEnded = true;

after that, just make so your mouse over animation code starts its code only if:

if (gwd.globalVars.adEnded === true) {
   code to animate your button
}
marked this as an answer
0
All Replies (3)
Relevant Answer
One solution is to use a taparea component with a mouse event and put this above your CTA element. A taparea click should initiate the animation in your CTA.

Then it's simple to control when that interaction is available in your timeline by having the taparea offscreen initially and jumping to its real onscreen position (keyframe, step-end) at the point in time you want it.

Hope that helps,
Kent
Google Web Designer team
marked this as an answer
Relevant Answer
marked this as an answer
Relevant Answer
Not sure if you already solved that
Here's how i would do it:

Insert an event on the ad page, select "ready to present page" under page events, and add a new custom code, name it "init"

on the code paste:

gwd.globalVars = gwd.globalVars || {};
gwd.globalVars.adEnded = false;

then go to your timeline and add an event marker at the same spot your timeline ends (you can call it pos_end)

then add an event, select your page,  select timeline, select the event marker pos_end, add a new custom code, name it adEnd and paste the code bellow:

gwd.globalVars.adEnded = true;

after that, just make so your mouse over animation code starts its code only if:

if (gwd.globalVars.adEnded === true) {
   code to animate your button
}
marked this as an answer
This question is locked and replying has been disabled.
Discard post? You will lose what you have written so far.
Write a reply
10 characters required
Failed to attach file, click here to try again.
Discard post?
You will lose what you have written so far.
Personal information found

We found the following personal information in your message:

This information will be visible to anyone who visits or subscribes to notifications for this post. Are you sure you want to continue?

A problem occurred. Please try again.
Create Reply
Edit Reply
This will remove the reply from the Answers section.
Notifications are off
Your notifications are currently off and you won't receive subscription updates. To turn them on, go to Notifications preferences on your Profile page.
Report abuse
Google takes abuse of its services very seriously. We're committed to dealing with such abuse according to the laws in your country of residence. When you submit a report, we'll investigate it and take the appropriate action. We'll get back to you only if we require additional details or have more information to share.

Go to the Legal Help page to request content changes for legal reasons.

Reported post for abuse
Unable to send report.
Report post
What type of post are you reporting?
Google takes abuse of its services very seriously. We're committed to dealing with such abuse according to the laws in your country of residence. When you submit a report, we'll investigate it and take the appropriate action. We'll get back to you only if we require additional details or have more information to share.

Go to the Legal Help page to request content changes for legal reasons.

Reported post for abuse
Unable to send report.
This reply is no longer available.
/webdesigner/threads
//accounts.google.com/ServiceLogin
You'll receive email notifications for new posts at
Unable to delete question.
Unable to update vote.
Unable to update subscription.
You have been unsubscribed
Deleted
Unable to delete reply.
Removed from Answers
Removed from Updates
Marked as Recommended Answer
Marked as Update
Removed recommendation
Undo
Unable to update reply.
Unable to update vote.
Thank you. Your response was recorded.
Unable to undo vote.
Thank you. This reply will now display in the answers section.
Link copied
Locked
Unlocked
Unable to lock
Unable to unlock
Pinned
Unpinned
Unable to pin
Unable to unpin
Marked
Unmarked
Unable to mark
Reported as off topic
Known Issue
Fixed
Marked Fixed
Unmarked Fixed
Unable to mark fixed
Unable to unmark fixed
/profile/0
false
Search
Clear search
Close search
Google apps
Main menu
Search Help Center
true
5050422
false