Outils pour utilisateurs

Outils du site


webdev:api:google_shit

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
webdev:api:google_shit [05/02/2019 18:39]
dolo
webdev:api:google_shit [02/09/2019 18:59] (Version actuelle)
dolo [Google shits]
Ligne 1: Ligne 1:
-====== Google shit ====== +====== Google shits ======
-|  [[http://analytics.google.com/|Analytics]]  |  [[https://tagmanager.google.com|Google Tag manager]]  |  [[https://www.google.com/webmasters/tools/home?hl=fr|Google Search Console]] (anciennement Webmaster tools)  |+
  
   * [[https://developers.google.com/adwords-remarketing-tag/|Adwords remarketing tag]]   * [[https://developers.google.com/adwords-remarketing-tag/|Adwords remarketing tag]]
Ligne 8: Ligne 7:
   * [[https://support.google.com/tagmanager/answer/4565987|UserID with Google Tag Manager]]   * [[https://support.google.com/tagmanager/answer/4565987|UserID with Google Tag Manager]]
   * [[https://developers.google.com/tag-manager/enhanced-ecommerce|GTM + Enhanced Ecommerce (UA)]]   * [[https://developers.google.com/tag-manager/enhanced-ecommerce|GTM + Enhanced Ecommerce (UA)]]
-  * [[https://developers.google.com/maps/documentation/|Doc Maps]] [[https://developers.google.com/maps/documentation/javascript/adding-a-google-map|Basic]] - [[https://cloud.google.com/maps-platform/pricing/|Pricing]] - You need a credit card to link any google map now + if you go above the quota you have to pay them 🖕+  * [[https://www.google.com/webmasters/tools/home?hl=fr|Google Search Console]] (anciennement Webmaster tools) 
 +  * [[https://business.google.com/|Google Business]] - //(use != linked accounts than analytics)//
  
 +===== Analytics =====
 +[[http://analytics.google.com/|Admin]] - [[https://developers.google.com/analytics/devguides/collection/analyticsjs/|Code]]
 +
 +Ajouter un accès pour un compte tiers : Admin (en bas à gauche) -> Colonne 1 : Gestion des utilisateurs
 ===== Google Tag Manager ===== ===== Google Tag Manager =====
 +Pretty much shit, unless you're in marketing.
 +
 The scripts included by GTM are added before the first script in the page. So with the //plans de marquages// where we **have to** put some script before the gtm js we can't make it work. The scripts included by GTM are added before the first script in the page. So with the //plans de marquages// where we **have to** put some script before the gtm js we can't make it work.
  
Ligne 25: Ligne 31:
 })(window,document,'script','dataLayer','GTM-XXXXXXX'); })(window,document,'script','dataLayer','GTM-XXXXXXX');
 </code> </code>
 +
 +[[https://tagmanager.google.com|Google Tag manager]]
  
 ===== Charger analytics en asynchrone ===== ===== Charger analytics en asynchrone =====
 [[https://developers.google.com/analytics/devguides/collection/analyticsjs/|Doc]] [[https://developers.google.com/analytics/devguides/collection/analyticsjs/|Doc]]
 +
 +===== Gmaps =====
 +[[https://developers.google.com/maps/documentation/|Doc Maps]] - [[https://developers.google.com/maps/documentation/javascript/adding-a-google-map|Basic]] - [[https://cloud.google.com/maps-platform/pricing/|Pricing]]
 +
 +You need a credit card to link any google map now + if you go above the quota you have to pay them 🖕\\
 +<del>**AND if you give them any credit card info they refuse to delete them + they register them for your personal google account as well AND YOU CAN'T DELETE THIS ONE EITHER**\\
 +I'll send them an email mentioning how that's illegal and contrary to [[https://support.google.com/pay/answer/7644063?hl=fr&ref_topic=7625285|what their help say]] to see how they react. I might sue them as well...</del>\\
 +Actually you need to delete the whole [[https://pay.google.com|Google pay]] thing, and then it's fine.
 +
 +<Code linenums>
 + <div id="gmap"></div>
 +
 + <script>
 + // Initialize and add the google map
 + function initMap() 
 + {
 + var adress = {lat: 45.413250, lng: -0.460379};
 + var map = new google.maps.Map(document.getElementById('gmap'), {zoom: 11, center: adress});
 + var marker = new google.maps.Marker({position: adress, map: map});
 + }
 + </script>
 + <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAyHMWgqFzePVvGzc8ZxGvTfKwx3CJrLJo&callback=initMap"></script>
 +</Code>
 +
 +To get the GPS coordinates for the marker, go into google maps, right click **exactly** where you want it and click "Plus d'info sur cet endroit" -> Click on the banner at the bottom, and then copy the coordinates on the left (they don't allow direct copy)
 +
 +Ajouter une adresse propre (Geocoding) : [[https://developers.google.com/maps/documentation/javascript/geocoding|Doc]] - [[https://developers.google.com/maps/documentation/geocoding/usage-and-billing|Prix]]
 +
 +**Les maps avec javascript sont plus chiante à mettre en place et n'ont en général aucun avantage sur celles en iframes pour des trucs simples, mais elles créent un risque d'avoir des factures à payer à google : fuck them**
 +
 +=== Version iframes ===
 +Ouvrir gmaps et une adresse, puis faire "Partager" -> Intégrer une carte\\
 +Le niveau de zoom est enregistré donc bien cadrer avant de le faire. On peut modifier la largeur dans le html généré et un width en %tage fonctionne.
 +
 +
webdev/api/google_shit.1549388396.txt.gz · Dernière modification: 05/02/2019 18:39 de dolo