10 satır kod halında React tətbiqetməyinizə Google Optimize A / B testlərini əlavə edin

Salam ! Mən AdHawk-da proqram inkişaf etdirən Farazam.

Google Optimize'ı bir React tətbiqində qurmaq üçün çox məlumat tapa bilmədim. Buna görə bu problemi necə həll etdiyimi izah etməyə qərar verdim.

Google Optimize veb saytınızda A / B testləri keçirməyinizə imkan verən bir vasitədir. Google Optimize panelindən konfiqurasiya edilə bilər. Bu şəkildə şirkətinizdəki texniki olmayan şəxslər müstəqil olaraq təcrübələr qura və həyata keçirə bilərlər.

Google Optimize loqosu

React tətbiqetmənizi yaradın

Bu təlimatda, reaksiya yaratmaq tətbiqi ilə sıfırdan yeni bir Reaktiv tətbiqetmə yaradacağıq və ona Google Optimize əlavə edəcəyik. Npm quraşdırdığınızı düşünsəniz, terminalınızı açın və yazın:

Optimize npx create-response-app optimize cd npm start

Npx ilə qlobal olaraq quraşdırmadan reaksiya yaratmaq tətbiqindən istifadə edə bilərsiniz. Npm ilə npx-ə çıxış əldə edə bilərsiniz.

İndi brauzerinizdə localhost: 3000 altında React tətbiqetmənizi qurub başlamalı idiniz

Bunu brauzerinizdə görməlisiniz.

Google Optimize təcrübənizi qurun

Https://optimize.google.com saytında pulsuz bir Google Optimize hesabı yaradın.

Daxil olduqdan sonra yeni bir konteyner yaradın və istədiyiniz adı verin. OptimizeExample-yə zəng edirəm.

Növbəti səhifədə ilk təcrübənizi yaradın və aşağıdakı dəyərləri daxil edin:

Adı: İlk təcrübəm

Redaktor səhifəsi: http://localhost.com:3000

Qeyd: Optimize etmə localhost-da işləmir. Kompüterinizdəki host faylınızı düzəltməlisiniz və mənim kimi bir təxəllüs yaratmalısınız. Localhost.com istifadə edirəm. Host fayllarınızı (Mac, Windows və Linux) redaktə etmək barədə daha çox məlumatı burada tapa bilərsiniz: https://www.howtogeek.com/howto/27350/beginner-geek-how-to-edit-your-hosts-file/

Sonra bir variant yaradın. Varsayılan olaraq, variant 1-ci variant adlanır.

Bizim iki variantımız.

Optimallaşdırma ilə əlaqələndirmək üçün bir Google Analytics hesabına ehtiyacınız var. Optimize testinizi Google Analytics hesabınıza bağladıqdan sonra, bir modal əlavə olunacaq