Visual tag builder
A tag manager system provides access to a domain in a container in the tag manager system. A tag user navigates to elements in the domain (such as site pages, text elements, graphic elements, or video elements) and selects elements for tagging from within the container. The user selects tag options from within the tag manager system. The tag manager system uses the selected tag options to generate the corresponding tag codes for insertion in the domain HTML code. The tag manager saves previously defined tag codes and the tag user updates stored tag options in the tag manager system. The tag manager system provides pointer codes to insert in the HTML code so the user can update stored tag codes without updating the HTML code. The tag manager further highlights elements of the domain in the container for suggested tagging, and automatically selects option based on the element type.
1. A method of tagging a first web domain using a tag manager system hosted on a second web domain, comprising:
providing in the second domain a tag manager graphical user interface comprising a container and a tag definition graphical user interface;
providing access to the first web domain in the container; and
responsive to a user navigating in the container to an element in the first web domain:
providing, in the tag definition graphical user interface, tag definition options; and
responsive to an input from the user in the tag definitions graphical user interface:
selecting tag definition options; and
generating a tag code, wherein the tag code defines an action, according to the selected tag definition options, to be taken when a browser interacts with the element in the first web domain.
2. The method of claim 1 , wherein providing, by the tag manager system, access to the first web domain in the container, comprises:
inserting a Uniform Resource Locator (“URL”) corresponding to the first domain in an inline frame element (“iFrame”) installed in an HTML code of the tag manager; and
displaying the first domain in the container according to the corresponding domain development software of the first web domain.
3. The method of claim 1 , wherein selecting the tag definition options comprises:
determining, by the tag manager system, a selection of tag definition options.
4. The method of claim 1 , wherein navigating, in the container, to the element in the first web domain comprises accessing, by the tag manager system, browser development tools corresponding to the first web domain.
5. The method of claim 1 , wherein generating the tag code further comprises:
storing the tag code in a data store; and
generating a pointer code pointing to the tag code stored in the data store, wherein the pointer code instructs the browser to retrieve the tag code when the browser interacts with the element in the first domain.
6. The method of claim 1 , further comprising providing the tag code to the user.
7. The method of claim 1 , wherein the tag code is a script to be inserted in the corresponding HTML code of the first web domain.
8. A system comprising:
a processor;
a non-transitory computer-readable storage medium storing processor-executable computer program instructions that, when executed, cause a computer processor to perform a method of tagging a first web domain using a tag manager system hosted on a second web domain, the method comprising:
providing in the second domain a tag manager graphical user interface comprising a container and a tag definition graphical user interface;
providing access to the first web domain in the container; and
responsive to a user navigating in the container to an element in the first web domain:
providing, in the tag definition graphical user interface, tag definition options; and
responsive to an input from the user in the tag definitions graphical user interface:
selecting tag definition options; and
generating a tag code, wherein the tag code defines an action, according to the selected tag definition options, to be taken when a browser interacts with the element in the first web domain.
9. The system of claim 8 , wherein providing, by the tag manager system, access to the first web domain in the container, comprises:
inserting a Uniform Resource Locator (“URL”) corresponding to the first domain in an inline frame element (“iFrame”) installed in an HTML code of the tag manager; and
displaying the first domain in the container according to the corresponding domain development software of the first web domain.
10. The system of claim 8 , wherein selecting the tag definition options comprises:
determining, by the tag manager system, a selection of tag definition options.
11. The system of claim 8 , wherein navigating, in the container, to the element in the first web domain comprises accessing, by the tag manager system, browser development tools corresponding to the first web domain.
12. The system of claim 8 , wherein generating the tag code further comprises:
storing the tag code in a data store; and
generating a pointer code pointing to the tag code stored in the data store, wherein the pointer code instructs the browser to retrieve the tag code when the browser interacts with the element in the first domain.
13. The system of claim 8 , wherein the method further comprising providing the tag code to the user.
14. The method of claim 8 , wherein the tag code is a script to be inserted in the corresponding HTML code of the first web domain.
15. A non-transitory computer-readable storage medium storing processor-executable computer program instructions that, when executed, cause a computer processor to perform a method of tagging a first web domain using a tag manager system hosted on a second web domain, the method comprising:
providing in the second domain a tag manager graphical user interface comprising a container and a tag definition graphical user interface;
providing access to the first web domain in the container; and
responsive to a user navigating in the container to an element in the first web domain:
providing, in the tag definition graphical user interface, tag definition options; and
responsive to an input from the user in the tag definitions graphical user interface:
selecting tag definition options; and
generating a tag code, wherein the tag code defines an action, according to the selected tag definition options, to be taken when a browser interacts with the element in the first web domain.
16. The medium of claim 15 , wherein providing, by the tag manager system, access to the first web domain in the container, comprises:
inserting a Uniform Resource Locator (“URL”) corresponding to the first domain in an inline frame element (“iFrame”) installed in an HTML code of the tag manager; and
displaying the first domain in the container according to the corresponding domain development software of the first web domain.
17. The medium of claim 15 , wherein selecting the tag definition options comprises:
determining, by the tag manager system, a selection of tag definition options.
18. The medium of claim 15 , wherein navigating, in the container, to the element in the first web domain comprises accessing, by the tag manager system, browser development tools corresponding to the first web domain.
19. The medium of claim 15 , wherein generating the tag code further comprises:
storing the tag code in a data store; and
generating a pointer code pointing to the tag code stored in the data store, wherein the pointer code instructs the browser to retrieve the tag code when the browser interacts with the element in the first domain.
20. The medium of claim 15 , wherein the method further comprising providing the tag code to the user.
21. The method of claim 15 , wherein the tag code is a script to be inserted in the corresponding HTML code of the first web domain.