From 776a6ea6b7fb02cc6dbdec63d64f393405b831e7 Mon Sep 17 00:00:00 2001 From: Michelle Zhang <56095982+michellewzhang@users.noreply.github.com> Date: Wed, 18 Dec 2024 12:45:52 -0500 Subject: [PATCH 1/3] ref(replay): add docs about custom breadcrumbs --- .../common/session-replay/configuration.mdx | 14 ++++++++++++++ .../img/data-custom-breadcrumb.png | Bin 0 -> 15477 bytes .../img/message-custom-breadcrumb.png | Bin 0 -> 11014 bytes .../session-replay/web/replay-details.mdx | 1 + 4 files changed, 15 insertions(+) create mode 100644 docs/platforms/javascript/common/session-replay/img/data-custom-breadcrumb.png create mode 100644 docs/platforms/javascript/common/session-replay/img/message-custom-breadcrumb.png diff --git a/docs/platforms/javascript/common/session-replay/configuration.mdx b/docs/platforms/javascript/common/session-replay/configuration.mdx index f8942c516459e5..a765b917c859c9 100644 --- a/docs/platforms/javascript/common/session-replay/configuration.mdx +++ b/docs/platforms/javascript/common/session-replay/configuration.mdx @@ -158,3 +158,17 @@ replayIntegration({ mutationLimit: 1500, }); ``` + +## Custom breadcrumbs + +Our SDKs allow you to send custom breadcrumbs, which will appear in the Replay Details UI alongside existing breadcrumbs. To learn how to send custom breadcrumbs, [read the docs here](/enriching-events/breadcrumbs/#customize-breadcrumbs). Note that any custom breadcrumbs you send will be reflected in both the Issue Details breadcrumbs UI and the Replay Details breadcrumbs tab. + +All custom breadcrumbs in the Replay Details will appear grey, and can be identified by the title "Custom" and the terminal logo. + +In Replay Details, the breadcrumb `message` will take precedence over the `data` property. If the `message` property is set, then the string will be displayed like this: + +![Custom breadcrumb example with message](./img/message-custom-breadcrumb.png) + +If `message` is not set, then the breadcrumb will display the `data` property by default. For example: + +![Custom breadcrumb example with data](./img/data-custom-breadcrumb.png) \ No newline at end of file diff --git a/docs/platforms/javascript/common/session-replay/img/data-custom-breadcrumb.png b/docs/platforms/javascript/common/session-replay/img/data-custom-breadcrumb.png new file mode 100644 index 0000000000000000000000000000000000000000..31e879d715490baaaeb3027b625589fc052c5eef GIT binary patch literal 15477 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 MVHu$^;3uE|12Hm>nE(I) literal 0 HcmV?d00001 diff --git a/docs/platforms/javascript/common/session-replay/img/message-custom-breadcrumb.png b/docs/platforms/javascript/common/session-replay/img/message-custom-breadcrumb.png new file mode 100644 index 0000000000000000000000000000000000000000..ee2d73b0a6b3c6551c13b0da837f1a097dad5fc0 GIT binary patch literal 11014 zcmbW7WmsH07w^#`#VKCgiWDfW1H~PR7I!bs;8NUaahKxm6o*3b!QI^lx8mHP=N#Vq z;eNXFWbf>mCu{OgGFe&qO+pprB~XzGk)fcVP^BbAm7t(t0FY;M#8;5}sr#)hB!hNT zk`RU}AAY+BdGp2Ovy`cv927m|84(H&nh*;9xd`L}Koh+@i$lMIg8lnB3=~wb1r*%B zW#l3G^Xoh0dbar|hslEZuLKMr3--TfDD&r{4^c5VkPOLAQo|7n3YYr%f|gREI)Q?s zXOj~BsNxEJn2z9yI}?9}P7GI!NFG2{yqmOa9k7RQ9xMt3C zZt1{O2b<5nBXq+LwF5t5PxWFsHGq&lq&!IImrKT-rFf2dMU(Di#<@sJGM~%Q;>}3- zw%f75j%?0?<+_PXh+MS%QfG@NE~f$vmC(N_58GV(*5-&B8jI|oMNY&-?WbojhuPw$m~Y_ zVrGJobwUS=;S&4L_d+2}lES)i zKq19_gh)gYT9o^*9g04X+9xwT`WeXoGkfO`kx1~hA@yH5l39an+c^W z_)q_qQGUfF#fKaHqj!%4ugJ0dBY$cZHW_4&$wu1;^KF-!sHH;9wzMsq0$h+2N6`-RKIMp;kf>`0Mns&CXN$c) zJwJb6meR_+vFOHwok-Tv@o~IJCYRk}ylYu~8rjQpfTHW+-{Gpj&UEdJCYGiH2^`Z_-I0rbuIWE5I0y0yjaJiq09`|fNi5k$qz zJi_$HVnQ?H;m9*tz&2k;Z8^Slkn!fQ!kbx(%NCC`Q?1%?BSr~br`0gM`1~Ed7f@adc}%3^j8HvnvsT_z0}L^%pNj; zGmotZgOiDlZ~ErdGt>k%Dn}86Nf)A05I<>N<0Dhe&=VQZT1`Ct97@V`)le8&rX9gQ!bC6&Ov9RiwK9eNT*U~`>zEPW|i&zoXv)k4UW%i zl>lqX-^51h7WsLcPioWn-Nl24S*f}B6z=^!^Q@bpkoGVbVT1pC0)m@PGoYqL=k#>% zWLYbWrDF5tHv5lj)F7GI-76sz)CB)$iTy z2u>#4oF3m&dJdPM4{gh7ncR1oI|hcgU(Yilpb~u+y~tv@U2dl4r;v?_RWk0+-ZF{0 zJ(#aj_kLQKiO?ICsQ@s$d?R}QP4J@DqCHoSp-tB$e}<*(YW3hQTm?MIBitkUEn$n^ z9oMI-R(5S7E2oLcSUX1WVWzkGqGrlLyIVoput~egPGenxx<8{V*tk3U@~p=eug^xO zLM|cZJ56$8&F0w+1O3-(E9IG4yuTjKmrn=^2GLt+c(>v#puHeXuI|Ax=o_JCX~E$< zyiB4^x}2M^c1$ZN+Gr&vNz})ilTW`ZzqYd{=7 zjMIH~PdZ45lO>`E4dw0C(#y}!&(jMSe(F-MVf*kle)b3Et!hgLd0tQBnZ^~=0?hP= z61Mb8qk{ylU3Tqby@#B5rf1<{e!^8Bx;r9Nh{fjI{ zf5xGrUo73y4^`ENOo7wsT1Yuf(+-6*iUhzkk!_Ze344c(fPvu)ua^bwf9qj6V5A}a zu{}86?vWhct0!c-@dD+W_2b)#65yW7^{h>BERtHf?e(E_ybBCXzeAKwG= zf83uxIn)pT?|;tlJuUUyysf26k4RU|t~8>xW^5NL!JSC+u{ZDyovRf%{A{0S72sn{ z8l!+Er4%45_y?PfnfVQaG9WUFA981}yNyR_VPHHiAiXJ=XszaS;V}QOiOM@>L)m)F zfB0J_K)k2$q^h(=m&m(Qb@%>Z$)_P~Y7hJ?!$>SZAwTL>5nmF!?U?pCI(t1Db2Xy^ z@nYe{g6&5DI&q*^3LVPxnz`cm1MH=0B%)27RKI|?#9v@;H8RE*iJwO>^EjaeukvZJz0=;{?M z#>Uyu@2Ir@S-T3cpj&3Z2+WU@Hn2GW1%amk6hbBbH%sLzmE)3xjd*hlA^Uzy)9rUh zYD#S+VEo9)di1@qg5Z|hjl@ejH?7+%uyvxkNuIsM!}LcKey|PS?dqPkSY~;KWt^fZ z5;0uWpsZ| zFQYT>7han#-B_(eQTF&Cn!NYY92oJw%XX~SZgLe%@T``O*_hZ&SY`wfmRJ(=7gvZX zkdR}LR02Wul7meGYB(N^C%;Xu+#PX<1fP~bSDb25q+uKrP8PgjK(_Xiw~y8jxe^t_ ztZt^Y?5eaD1!WJWC0(U+CSgYzEGp@(4Zn;|4$R@l!QzMSkj9{-PL7{J z@BtafN2`p31SR5jayoCwo>V+aZb#kD6Njex56 zX*?Rcl{kxlzD>pxI0O^)!Boa7+Vvru6&OsvNdCxIHG{ZtY9Bksc@`5~$|?cQ1ylu~ z-eab*=mOya=0(PLsv%iRT4)1BMyF>N431rbztqnd$JU(Dc4%(b2Kg&}Wu!bHn;T(lQ5h=ao;qLR<|o)WueYtHsOWZ>8Bmd?tCZIWz}>}j!v z9%HT&8FqzQisWNrLtf9@P4Rj>H#Dz8=`@r;4GI}g@5Q=hyVkn@Oi7 ztel9!qHT13)!ya3;lV!9!hN4&+gI=L5z2Xk-60A*dej+t(*rg=CE_0 zDgiW}#1FGo7VS&v%dpv#%>5knnlgiSbCrh8 zQBYg2;Re(*%M*B38b@p<8es$rae2!)lq9+}_X?*vmU?9`i1vl$&%$xc;$ zo$p62Ci3f^ew7=sIyv1C&!+8c^ZwHt;X*)a<}L;r{T&XswMa160lz?bO@lYYk+U%% zehMZxFlfFy+|-`u;Ym%SHz4Lqa@eU*xx+uc?hqFZ0*#6EUfc(=F%O?>Ma}l{y%}%2 zFmsL%M3>i|=^8m)2z2}|Z|CA5Am1Hq0;@V%YmH~lNnXt|;J9zzLh#U`Ld00@h;Z%? zEI1*sANfV$EisGE=YA6R-hI`FT|oj^N>?^|;v5s3Ou4{$zyVYs31wUJkyHKUTHTwO zNr$PUP3pAC;r_=55G_NHcvxIRl1br(Af9|ko^#vpSKk(w%T|uQGndOwK>r57$yojz zB@4kLHheo%G1df4Sj-3iOq|}&N-L`fo6VI%qLmF}QbPT))6BugR%)e!=b@+a%|`tC zi!Lc;21N;{b;t)`Gfz|%dU+5|n$OnRRJGf0HMgU@<0Q;?W;LlZ&88&0E{C}_+~st< zJKj6)YsP6cwOC*b!H^Tbjvce#1BdbETf=Yt_OeobIv*~~>&(_#7NotyAbls=DT)~C z?e8HiX>K5J_tl{^4WRq3H2W4GbWjKDCNiLw&!0ZB{+u_=UyS z0po5EZg9@ms>CboR^!hDC&Ic34Wa*=?Zf6}`>u3F=Twd)=@z9^@DAD08p zKt4}`rp=L2O0A_D8BZsqwtXvrYf-hb&kReKOWJs>OnpVMRXyzpjh-~JjWd9@+;~eI z0RC20459eU`Xaz?a)7?i6(vwBr9)!?C+3Lo@N1?F5I+DlI~(JDe6)K9duU+^8!h(G zNLV*f?$dYOv(*-NOsPs#fE1xO`Oi-Lqn{+5xH zu%x9_vb1nH9bV8PMU3$Hb+}+WV?R<6;Zz<#l9$v)k~q|MX)tl_yg*AX!D>zxK61jr z5jj>;V+&Eh>8j#q>$kyu+QjG0-spEkp@UWG+^wNrWev`dnA_74Jq|%vEsvk_wm_8Q z&-r#q=evv@=$^jgsx3|`S&LD>Fgq-Jo#Q3&pQSD^J(f8;L1t zPHKMs3zqYEBT_g5Z*9Vg#jYo*$NWo<2yy7{eiCy+t!{?X74(%e9Rrm=pD@V$A(!rF zrFyJk>{`q5-=mj3%p^`*17uQ3+ayrDcnAuy!UH5i<3Z?k%+}D+sqQY%#Mq0=) zm(pyu6joMk>J~xP|6_vXZ3rC`=(|5HSMzR&oVf&!6nqd|V1{nr^wL^|qvkoZ4l{=I zwEgru+@Bw|OvJ1;?i&B)48FILS<;jM`7!?xCYO(&w0!HvWI-GGk>lE&3$l338O>D3 z<{{4Jy%?ucY20)vBD5fDs=V+p5;Fi{=5$$@F>twkqmYJIHtx~i-P|U?bI8T9r3=*i zdWF-9D$ztzh1>mJ5ee}NrA11w*+wz(G?QZ#6p+kWGbxIndhZ<$3JeW^Q)+(SifQ%j z!zi|Lq_WeouYhsyHf)a@AwbZTyrjQ7C+8z#-ii*(dLXAe`tH%Gb^YwWPMXa3Ry1q8 zvsdThbE79Cx1B>zIDoT_)c7nML1S7X>!hnRk)zTbR^R> zt>HjeC;9H;;cOY4xe$uTb}68$b=jStK>p!Js7(zrazcoE%EjtujfZ&fVlP@6)_ns} zb~()=S5NEb9?O-DI9u_K5_ShxM-Jw146qj_a_%AKESnF>cY_aS-F{o!syMDD-7)PI zjMKPSWW%n;hE)!@{~<3gDn*MmBOcbo3+JoID8!1eug$URW-1r@=e!~5T4?4ZsWm-6 zX7?FHKS`QbE(+KuT}<+GXE46w79yG0^d@qer(YY?=pUIdr;kiPo;<6H4FV%7@!fz( z0UQ%1-j8i!Dfj|5m8JnUw)x2RHajv?Cr1@0eTvDv44N zdtrZRC}0i@q+qBmc-ZdFPho&D99O8}nfQ0>nDrCGJa^6b_PW^ncZj0cp?nz0pSHDD z&1Ay$jFRJ`vl)c;3cWQj=_1&DUVQeB2S^j7ShY;IUX)S5+H!M0uvN01{@J(VaeE3Q zV_&rn#n!&JxnuSEfDWa#`0(8IUoKd92-ia6X?Yh|~E=>ZgAE_U?a3&j5l3am0IIU&!D-J%rXZx$n%{zCcH0YzWe0VI}#GW>P7tBSApm z6ko6R3u9DCf`Gul=u@Z{t0rj(J}h76x%wX)?1V5z`iKaG7sNQJ3aK7=Ib5~!q8o?i znGFhmkq+ehzf?(PH6blxt|>32n|izyrBWn-n8*L<^38k|nU(zvl`xokG^mVRg$ol_9!L5jez{7t=i!>zQ7?*3bn;xYt{v7b+IGWuma>Qm zX{8Gsn}RS5hl2h^t4Q%=XfcUiUhKL4b8i*Wz@VyKuWDIJ8x~Xb6i7GSrqo)ks8KXK z#YLqH=h<(Fb1qvox>Z|&KZYL6e-h?{1D%Rg@v45OkV|2Yt_-;vcTrT(VFnl>3Wl*2 z#88tnX{2!2(&#h=rgEm#o14~0;#?c03A#v$M-fvMnXz3Yi8k6DW&b3mUvd|hUU2pm z+gI;>b^l>FO+IE2bbBb+l76wf(5*f4s3Valk;#NbsOBWPx_$%d38v)vAm`@?d!b1| z#mFkkgVSmg!J5YXwm^Ggb6`sr$sEkwdI#j%5o)(xZlPP?I*Lt8v)X1Y*BywFvvN)W zreW{20l^7hCU~KJy~kbjlhzjDk)3Z(X4JG1U0oU{3QqCY0?JH5Ze zMeMY-riR=csH@@4`3-UI-NNOZ|Q$~3O)$?3rBn{sYdk!N4UbL2ab|NUQu`T`L-CDwyvy_u!2u5 zeqKu{G?Rf7x+P~a(y7iZ69BGEAvX-VEN$&(cLvFS4p1zniu1g*o^c@h%B@m0Q1eHm zk5!|+fZnPHW)^z=PMcswpNJ{=Rv@Mjy{wc$quOi2+gc>k;r95~u+jKu_$lm_bZVV! zii4jeP1XD0p=#?T5_L9L!o!yL;I_HqY;x%;&X6^L;tL@8KGip&qn#u3oxdZP3kG6Lp8a z28-z_dn{EM=CY_)uoeytU~eH}du55@ z!q7LKM&dVXt+ba5)>g@^Y)y#G4cJIngqRcxt+ydglhGNqny<-X%*ToDj`wYj~x7Zj_mD1x33+i7eziP$_GS8P#lm5n-$$B%gC&J_cWI zUbEk<=h!-J_9$$(Uw?;#yXn6Ka~WT%ryBp67NIxf1mz<1WEZ~`u$vD-L+nM^mP;@l zN|AO}D-X*zfdM=q{E2hsHN5)m<0UVV!n)Nu1K{E(b+c^ZS?(>k4)LG+G^}UNwl^); z=+UW2sialsjP%J?TZE@s#js9QrXGLH@%Um4rkx-n&46kr#|0N8j)Uz5+@$C3;ux>j z6{8bXFs_dh7ZU!OIfL0jomm>=+L~E1W#D#ufW&G&%}u~((NL;IVg&fjcKImoj2hb$ zNf_>vRngmqf$Bo6f^(zULuvW#F{kk;|(c4y_=ic*-Ski$Rv`+ zW9!MgH{{ZENINIxch90pz=-_Am*&@`o(2s?hHgp7R6A}0&T)Z%U40~6*s!XK(eJuO zI@u4uXoefK3h;Q7KZOt9mbvaTCeHHIj?}HVp+*8Nt&Wuc$P_RcjH|Q*gI&<#=M>~8 zemwNhXQRyz=bFhIBGV}!C9@BPkktAL9{7u2#6yeR?XqhWdrtt4zs#5Z*ubkUNRoJE;Ue~MWz^kdZJO#?y^5Co- zf$85X^u5k@=HC}bi~MBpw0&kb3xFwHX$L+hQomQZf`QO`Eq|| z=#7Rq(a{}4ll9in-g1d!w8&b{brmq8QijExR#!U<96=vZ}23wYnwvA=ez zvDu3ED7Bl2O1$8hg&taD!J8L#%lfy-oAt3J%MA{v@i8Jqg;~|~^$39s{rk9a;3PtV z&UZ6}3GXB{s~K`hv0NG1B;?!IZF+*YQ;uij3YnE*^mT8uDNug8NUTlbAAvum=XX6t z7cT42Pn82lPdr{FJwbU~fP77o+`AI}A4NQny09akL#ZPw-&b5yK(Y3vPGObJRp=ud z#7lvS?44qH=(W^3laKp_;C`5?F?JCNJIFs@M7=90=_Fqt4i&=rRk=*2VTUz-Sa(c{ zN3#N{f>b%z(rVt9Zlns_Gnd+K4nI7?Q}U`2z@foW96UW-yf0~(W!0%5MmOM=T;Vcn zNiNpN0q|ZUeZkYuw`S@5G~XvuCC=~(YRw;$s$go`s-ax?rtdMf=Z1@%bMD%SLs^i` zrS}i$mLS03q9>N;VSxXTS%EA&GAm-GU7&S{1iJg0GLbjk(f96uFjJ9TAO?1CDCZWBimjZfa6CLrmn&-eqq zIX^*w5pASe4a%5EQqx!Fu{|TR&CM#;xoY=EmNFRr_e<(7D`gW{W^qg4j;}kh#*L62=50ehxATJuS z+xV4E1DOHn`S~Zk`0^EYZNQ+@^)>Y1PXU{T?!6Y0pyU41y_{8ynO#|gNO9gW04ic{ zke-4y>-9MqBOyTi$Y8<@J4}yMcqx_xmPH&Mqeqv-A04^#uLN;C)BQe^;4`&2|>HO5_%Nf^mKVbSC-45Mt~=`1pON*tHW8 zjbxfdbm`ZsWCV*d=p;)sZ%pynianM(q14O8axNzmRAGEr{eHhDhnSva(~-x0HMh=! zxfw_MwQyg0(4u%|>r-8jv5&>skv?hXW+Ice(Y<$R6MpN*VS?E*Ka4M>zbkU$<%{&C z$Giy9bJ#;N{K=IDEj&1|5Pv-4e6ZCK5xZS24IktDtY67s37Sug_Wo$N^fm(X5U2dc z9pmcTNdCl6>qV>VtyS)W+STu5H5U1!X?)Tey$`!(^23r-mG_{_e42b(kkujba5BEj z^agnna-bf;I0l&<>^KFP**{*u(oe{r=oEUhpK$2%N7SlkNmPT~dRH8*Zc6B;?@3(} ztCe<@$C!3b)QJrp)!TzYVFXH{D#$-DalfuD0(lfMh=ab{1a$jc^fGTTp%V1eVo~(7 zqy$L5XHaRJm1@yu@f?Jj%Q3j$?X_yZ`6ZgJ)0RZ%s!x8;M>`Q8GQ8h|k6I^=)#SB+ zCX+!k=TC|rfGkRUR*y0jLdpPscOPa&$$7zz73gEe--7?VO@zbg=nLH>@jlXBX^ix6Q}Igp-UKCu z@8zj!&KqJc_BJtk2H~mqBoMYuU^*_phPeEBtNSaRY?LfeA;c8P`z%i*ezeN!qO+_=H!7+Z=WGsHXV^dOswPD~s-y%!OssDYM?t~-C_sJuJhvSmK+!0BkK$!Bf$~W)Oxnf`=};_A_>9%| zw((s1c_AG5V&=14Qt+th#ng?EFjIz^UV6zT7yg=WFcHcaK$)Ftc`uDuzB}_9?78m5R!y55l`{*j{$M8Ir8%az4Za)dA?8S!M#98a2GftT5OV zY(l?tqggOvuqY6{95pC?-@Wf2n<1L9lV|htx$>m}eo@gb{5-SMCMpdjOK@9jLp^e@ zUw*$48*h4xK=~OX$RDW5u1yJ@Xx<2HAA2Q^o$0wp-tk(vqk~ZOqhD_*eHfW|deB%r zPl_}2A94-0*vzTHO&ZGDd_AFNZam?YB~(9Rx3cf)9+M3pNzzkfcu9CtPS)rA>C+6q z^`_?M6htsmc%JyYR_+_(=pD>FuC$O^2_CF!Oyb=ppr;r1O*UI-0KhUD5{@<~rRv z)3ugx3r2odfmU~z&_&#qs?nAd!>fCXZDYibL78C_f_=)&LRSNMCE~JVxkMA(svj2V zxqIBtBI$~B_!UoiQScpLwse|p?rgZz(`KxuSLGO7%+ETcNW5ZK7bCxW$%e14>7;BK z>rF)ec#AYC$qmXZsJ+cQ{0)nfBW;piQ_ETEH3dYK1Xk{D*oMpEY3`iVc3HRU#iEEi z(a{&$3s!R&6I);o{O+H60@2hG3)e9bmomvL=Tm3hJo`0}AH2rV+Y4l+7_fW2osLMxP37 zz}gsrTj|-3p*j0*EQxOhtS?I_K>JOva(P_$GD$1?iUg(u^^&%TwyXTKev~{hk&@Kw z)OkB1#F*_rAsAccKQBl^a#-ee!$TZM&G{n&cCMrofnuZ;ENy)FjbDw}(qc9y^^lIe zk&zt5mL{F_+#YX5pqTjt3ZlP!N|_>3wrBqfJEUMxy}Jq+udUf{5i1-kJMBQldZ~XX zwODi&s+4j-3HM$m2I`lot^ua;84v*av&LafzC2oJ3Q Date: Wed, 18 Dec 2024 12:50:31 -0500 Subject: [PATCH 2/3] updates --- .../javascript/common/session-replay/configuration.mdx | 2 +- docs/product/explore/session-replay/web/replay-details.mdx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/platforms/javascript/common/session-replay/configuration.mdx b/docs/platforms/javascript/common/session-replay/configuration.mdx index a765b917c859c9..ca3fdb9a16e792 100644 --- a/docs/platforms/javascript/common/session-replay/configuration.mdx +++ b/docs/platforms/javascript/common/session-replay/configuration.mdx @@ -161,7 +161,7 @@ replayIntegration({ ## Custom breadcrumbs -Our SDKs allow you to send custom breadcrumbs, which will appear in the Replay Details UI alongside existing breadcrumbs. To learn how to send custom breadcrumbs, [read the docs here](/enriching-events/breadcrumbs/#customize-breadcrumbs). Note that any custom breadcrumbs you send will be reflected in both the Issue Details breadcrumbs UI and the Replay Details breadcrumbs tab. +Our SDKs allow you to send custom breadcrumbs, which will appear in the Replay Details UI alongside existing breadcrumbs. To learn how to send custom breadcrumbs, [read the docs here](/platforms/javascript/enriching-events/breadcrumbs/#customize-breadcrumbs). Note that any custom breadcrumbs you send will be reflected in both the Issue Details breadcrumbs UI and the Replay Details breadcrumbs tab. All custom breadcrumbs in the Replay Details will appear grey, and can be identified by the title "Custom" and the terminal logo. diff --git a/docs/product/explore/session-replay/web/replay-details.mdx b/docs/product/explore/session-replay/web/replay-details.mdx index f996e8c84855cd..3fd510d27e5709 100644 --- a/docs/product/explore/session-replay/web/replay-details.mdx +++ b/docs/product/explore/session-replay/web/replay-details.mdx @@ -15,7 +15,7 @@ Every replay has a detailed view that contains the embedded video player and ric * **Breadcrumbs:** The replay breadcrumbs show when key user interactions took place, specifically: user clicks (including rage and dead clicks), user inputs, [page navigations, page loads](/product/performance/transaction-summary/#what-is-a-transaction), as well as [custom breadcrumbs](/product/sentry-basics/integrate-backend/configuration-options/#breadcrumbs) set by the organization and [Web Vitals](/product/insights/web-vitals/). Web Vitals are augmented with the selector to help users identify which elements are affecting their Web Vital scores. User clicks (including rage and dead clicks), are augmented with surrounding HTML source code to help users understand which event was targeted. These breadcrumbs are synced with the replay player and will auto-scroll as the video plays. - Some [breadcrumb types](/product/issues/issue-details/breadcrumbs/) visible in **Issue Details** are not 1:1 to the replay breadcrumbs list. The trail of events typically seen in the Issue Details page are now displayed in the Console and Network components of the **Replay Details** page. - - To learn more about how custom breadcrumbs are rendered, [read the docs here](configuration/#custom-breadcrumbs). + - To learn more about how custom breadcrumbs are rendered, [read the docs here](/platforms/javascript/session-replay/configuration/#custom-breadcrumbs). - **Timeline:** This is the section at the bottom of the **Replay Details** page that illustrates where significant events (such as errors, rage clicks, and user interactions) happen over the course of the replay. This allows users to easily scrub to key events by dragging across the timeline. It also visually conveys the amount of time that took place between events and has a zoom functionality so you can easily zoom-in to distinguish between events that happen close together. From a75c46cf4178be5459402a76d690ddbf50308f05 Mon Sep 17 00:00:00 2001 From: Michelle Zhang <56095982+michellewzhang@users.noreply.github.com> Date: Wed, 18 Dec 2024 15:14:38 -0500 Subject: [PATCH 3/3] fix title --- .../javascript/common/session-replay/configuration.mdx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/docs/platforms/javascript/common/session-replay/configuration.mdx b/docs/platforms/javascript/common/session-replay/configuration.mdx index ca3fdb9a16e792..f489f48bef53c7 100644 --- a/docs/platforms/javascript/common/session-replay/configuration.mdx +++ b/docs/platforms/javascript/common/session-replay/configuration.mdx @@ -163,7 +163,7 @@ replayIntegration({ Our SDKs allow you to send custom breadcrumbs, which will appear in the Replay Details UI alongside existing breadcrumbs. To learn how to send custom breadcrumbs, [read the docs here](/platforms/javascript/enriching-events/breadcrumbs/#customize-breadcrumbs). Note that any custom breadcrumbs you send will be reflected in both the Issue Details breadcrumbs UI and the Replay Details breadcrumbs tab. -All custom breadcrumbs in the Replay Details will appear grey, and can be identified by the title "Custom" and the terminal logo. +All custom breadcrumbs in the Replay Details will appear grey, and can be identified by the terminal logo. In Replay Details, the breadcrumb `message` will take precedence over the `data` property. If the `message` property is set, then the string will be displayed like this: @@ -171,4 +171,6 @@ In Replay Details, the breadcrumb `message` will take precedence over the `data` If `message` is not set, then the breadcrumb will display the `data` property by default. For example: -![Custom breadcrumb example with data](./img/data-custom-breadcrumb.png) \ No newline at end of file +![Custom breadcrumb example with data](./img/data-custom-breadcrumb.png) + +The title of the breadcrumb will be the breadcrumb `category` that you set. If no `category` is set, then we will use the breadcrumb `message`. If that doesn't exist, we'll use the `description`. The last fallback with be a default title of "Custom". \ No newline at end of file