Can I add multiple custom attributes for different pages?

Hi, I am really confused about custom attributes. The documentation says “We do not keep two values for the same attribute for any single user.” Can I execute the below attributes for my specific pages.

***For posts related to hiking

<script>
   function _webpushrScriptReady(){
      webpushr('attributes',{"activity" : "hiking", "hobby" : "outdoor", "source" : "article" });
   }
</script>

***For posts related to fishing

<script>
   function _webpushrScriptReady(){
      webpushr('attributes',{"activity" : "fishing", "hobby" : "outdoor", "source" : "article" });
   }
</script>

***For homepage only

<script>
   function _webpushrScriptReady(){
      webpushr('attributes',{"source" : "homepage" });
   }
</script>

***For other category pages

<script>
   function _webpushrScriptReady(){
      webpushr('attributes',{"source" : "navigation" });
   }
</script>

You technically can and it will work but just keep in mind that the same key values will be overridden. Example: if a user visits Hiking page first, the value for activity will be set to hiking. But if the same user visits Fishing page next, the value of activity will be updated to fishing.

Similarly, if the user visits homepage first, the source will be set to homepage. If the same user then navigates to category pages, the value of source will be updated to navigation.